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 (
<section className="w-full max-w-8xl mx-auto bg-white">
{/* Top spacing line */}
<div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-200" />
<div className="w-full border border-l border-r 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-100" />
{/* 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 */}
<div className="px-6 pt-12 pb-4 text-center max-w-4xl mx-auto ">
<Eyebrow className="text-cyan-500">
@@ -54,7 +54,7 @@ export function HomeDesign() {
{benefits.map((item) => (
<div
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 */}
<img