refactor: enhance CallToAction cyan glow visibility and add overflow-hidden across all pages

- Increased cyan radial glow fillOpacity from 0.2 to 0.4 for better visibility
- Added overflow-hidden class to main container div to prevent glow overflow
- Applied changes consistently across agents, cloud, compute, gpu, network, nodes, pods, and storage CallToAction components
This commit is contained in:
2025-11-19 17:23:08 +01:00
parent 7bc895d8be
commit c849c74a53
8 changed files with 14 additions and 14 deletions

View File

@@ -13,7 +13,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */} {/* ✅ Main boxed area */}
<div <div
id="get-started" id="get-started"
className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800" className="relative py-18 max-w-7xl mx-auto overflow-hidden bg-[#111111] border border-t-0 border-b-0 border-gray-800"
> >
{/* ✅ Cyan Radial Glow */} {/* ✅ Cyan Radial Glow */}
<svg <svg
@@ -26,7 +26,7 @@ export function CallToAction() {
cx={512} cx={512}
cy={512} cy={512}
fill="url(#mycelium-cyan-glow)" fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2" fillOpacity="0.4"
/> />
<defs> <defs>
<radialGradient id="mycelium-cyan-glow"> <radialGradient id="mycelium-cyan-glow">

View File

@@ -13,7 +13,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */} {/* ✅ Main boxed area */}
<div <div
id="get-started" id="get-started"
className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800" className="relative py-18 max-w-7xl overflow-hidden mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
> >
{/* ✅ Cyan Radial Glow */} {/* ✅ Cyan Radial Glow */}
<svg <svg
@@ -26,7 +26,7 @@ export function CallToAction() {
cx={512} cx={512}
cy={512} cy={512}
fill="url(#mycelium-cyan-glow)" fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2" fillOpacity="0.4"
/> />
<defs> <defs>
<radialGradient id="mycelium-cyan-glow"> <radialGradient id="mycelium-cyan-glow">

View File

@@ -13,7 +13,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */} {/* ✅ Main boxed area */}
<div <div
id="get-started" id="get-started"
className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800" className="relative py-18 max-w-7xl overflow-hidden mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
> >
{/* ✅ Cyan Radial Glow */} {/* ✅ Cyan Radial Glow */}
<svg <svg
@@ -26,7 +26,7 @@ export function CallToAction() {
cx={512} cx={512}
cy={512} cy={512}
fill="url(#mycelium-cyan-glow)" fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2" fillOpacity="0.4"
/> />
<defs> <defs>
<radialGradient id="mycelium-cyan-glow"> <radialGradient id="mycelium-cyan-glow">

View File

@@ -13,7 +13,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */} {/* ✅ Main boxed area */}
<div <div
id="get-started" id="get-started"
className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800" className="relative py-18 max-w-7xl overflow-hidden mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
> >
{/* ✅ Cyan Radial Glow */} {/* ✅ Cyan Radial Glow */}
<svg <svg
@@ -26,7 +26,7 @@ export function CallToAction() {
cx={512} cx={512}
cy={512} cy={512}
fill="url(#mycelium-cyan-glow)" fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2" fillOpacity="0.4"
/> />
<defs> <defs>
<radialGradient id="mycelium-cyan-glow"> <radialGradient id="mycelium-cyan-glow">

View File

@@ -14,7 +14,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */} {/* ✅ Main boxed area */}
<div <div
id="get-started" id="get-started"
className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800" className="relative py-18 max-w-7xl mx-auto overflow-hidden bg-[#111111] border border-t-0 border-b-0 border-gray-800"
> >
{/* ✅ Cyan Radial Glow */} {/* ✅ Cyan Radial Glow */}
<svg <svg
@@ -27,7 +27,7 @@ export function CallToAction() {
cx={512} cx={512}
cy={512} cy={512}
fill="url(#mycelium-cyan-glow)" fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2" fillOpacity="0.4"
/> />
<defs> <defs>
<radialGradient id="mycelium-cyan-glow"> <radialGradient id="mycelium-cyan-glow">

View File

@@ -11,7 +11,7 @@ export function CallToAction() {
<div <div
id="get-started" id="get-started"
className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800" className="relative py-18 max-w-7xl overflow-hidden mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
> >
{/* ✅ Cyan Radial Glow */} {/* ✅ Cyan Radial Glow */}
<svg <svg
@@ -24,7 +24,7 @@ export function CallToAction() {
cx={512} cx={512}
cy={512} cy={512}
fill="url(#mycelium-cyan-glow)" fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2" fillOpacity="0.4"
/> />
<defs> <defs>
<radialGradient id="mycelium-cyan-glow"> <radialGradient id="mycelium-cyan-glow">

View File

@@ -36,7 +36,7 @@ export function CallToAction() {
cx={512} cx={512}
cy={512} cy={512}
fill="url(#mycelium-cyan-glow)" fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2" fillOpacity="0.4"
/> />
<defs> <defs>
<radialGradient id="mycelium-cyan-glow"> <radialGradient id="mycelium-cyan-glow">

View File

@@ -26,7 +26,7 @@ export function CallToAction() {
cx={512} cx={512}
cy={512} cy={512}
fill="url(#mycelium-cyan-glow)" fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2" fillOpacity="0.4"
/> />
<defs> <defs>
<radialGradient id="mycelium-cyan-glow"> <radialGradient id="mycelium-cyan-glow">