ourworld_web/www_projectmycelium_com
22
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 3 Pull Requests 1 Projects Releases Activity

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

Browse Source 
- 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:
sasha-astiadi
2025-11-19 17:23:08 +01:00
parent 7bc895d8be
commit c849c74a53
8 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/agents/CallToAction.tsx
View File

@@ -13,7 +13,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */}
<div
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 */}
<svg
@@ -26,7 +26,7 @@ export function CallToAction() {
cx={512}
cy={512}
fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2"
fillOpacity="0.4"
/>
<defs>
<radialGradient id="mycelium-cyan-glow">

4
src/pages/cloud/CalltoAction.tsx
View File

@@ -13,7 +13,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */}
<div
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 */}
<svg
@@ -26,7 +26,7 @@ export function CallToAction() {
cx={512}
cy={512}
fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2"
fillOpacity="0.4"
/>
<defs>
<radialGradient id="mycelium-cyan-glow">

4
src/pages/compute/CallToAction.tsx
View File

@@ -13,7 +13,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */}
<div
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 */}
<svg
@@ -26,7 +26,7 @@ export function CallToAction() {
cx={512}
cy={512}
fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2"
fillOpacity="0.4"
/>
<defs>
<radialGradient id="mycelium-cyan-glow">

4
src/pages/gpu/CallToAction.tsx
View File

@@ -13,7 +13,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */}
<div
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 */}
<svg
@@ -26,7 +26,7 @@ export function CallToAction() {
cx={512}
cy={512}
fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2"
fillOpacity="0.4"
/>
<defs>
<radialGradient id="mycelium-cyan-glow">

4
src/pages/network/CallToAction.tsx
View File

@@ -14,7 +14,7 @@ export function CallToAction() {
{/* ✅ Main boxed area */}
<div
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 */}
<svg
@@ -27,7 +27,7 @@ export function CallToAction() {
cx={512}
cy={512}
fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2"
fillOpacity="0.4"
/>
<defs>
<radialGradient id="mycelium-cyan-glow">

4
src/pages/nodes/CallToAction.tsx
View File

@@ -11,7 +11,7 @@ export function CallToAction() {
<div
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 */}
<svg
@@ -24,7 +24,7 @@ export function CallToAction() {
cx={512}
cy={512}
fill="url(#mycelium-cyan-glow)"
fillOpacity="0.2"
fillOpacity="0.4"
/>
<defs>
<radialGradient id="mycelium-cyan-glow">

2
src/pages/pods/CallToAction.tsx
View File

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

2
src/pages/storage/CallToAction.tsx
View File

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