forked from emre/www_projectmycelium_com
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:
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user