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: update border colors from gray-200 to gray-100 in HomeDesign and add overflow-hidden to pods CallToAction

Browse Source 
- Changed border-gray-200 to border-gray-100 across HomeDesign component borders and benefit cards
- Added overflow-hidden class to pods CallToAction main container div
This commit is contained in:
sasha-astiadi
2025-11-19 17:25:34 +01:00
parent c849c74a53
commit ce4b4b3360
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/home/HomeDesign.tsx
View File

@@ -30,11 +30,11 @@ export function HomeDesign() {
return ( return (
<section className="w-full max-w-8xl mx-auto bg-white"> <section className="w-full max-w-8xl mx-auto bg-white">
{/* Top spacing line */} {/* Top spacing line */}
<div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-200" /> <div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-100" />
<div className="w-full border border-l border-r border-gray-200" /> <div className="w-full border border-l border-r border-gray-100" />
{/* Content */} {/* Content */}
<div className="mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-200"> <div className="mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-100">
{/* Centered intro */} {/* Centered intro */}
<div className="px-6 pt-12 pb-4 text-center max-w-4xl mx-auto "> <div className="px-6 pt-12 pb-4 text-center max-w-4xl mx-auto ">
<Eyebrow className="text-cyan-500"> <Eyebrow className="text-cyan-500">
@@ -54,7 +54,7 @@ export function HomeDesign() {
{benefits.map((item) => ( {benefits.map((item) => (
<div <div
key={item.id} key={item.id}
className="mt-8 group flex items-start gap-2 bg-white px-8 py-12 border border-gray-200 lg:border-t lg:border-b border-l-0.5 border-r-0.5 transition-all duration-300 ease-in-out hover:scale-[1.02] hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20" className="mt-8 group flex items-start gap-2 bg-white px-8 py-12 border border-gray-100 lg:border-t lg:border-b border-l-0.5 border-r-0.5 transition-all duration-300 ease-in-out hover:scale-[1.02] hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20"
> >
{/* Image on the LEFT */} {/* Image on the LEFT */}
<img <img

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

@@ -23,7 +23,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