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

style: lighten border colors from gray-200 to gray-100

Browse Source
This commit is contained in:
sasha-astiadi
2025-11-07 17:28:33 +01:00
parent e8c424539e
commit aca13e275b
30 changed files with 83 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/home/HomeBenefits.tsx
View File

@@ -38,16 +38,16 @@ export function HomeBenefits() {
<div className="">
{/* ✅ Top horizontal line with spacing */}
<div className="max-w-7xl bg-transparent mx-auto border border-t-0 border-b-0 border-gray-200" />
<div className="w-full border-t border-l border-r border-gray-200" />
<div className="max-w-7xl bg-transparent mx-auto border border-t-0 border-b-0 border-gray-100" />
<div className="w-full border-t border-l border-r border-gray-100" />
{/* ✅ Main content */}
<div className="mx-auto max-w-7xl border-gray-200">
<div className="mx-auto max-w-7xl border-gray-100">
<dl className="grid grid-cols-1 gap-4 lg:gap-6 lg:grid-cols-4 text-center">
{benefits.map((item) => (
<div
key={item.id}
className="flex flex-col items-center bg-white/40 dark:bg-black/40 py-10 px-4 border border-gray-200 lg:border-t-0 lg:border-b-0"
className="flex flex-col items-center bg-white/40 dark:bg-black/40 py-10 px-4 border border-gray-100 lg:border-t-0 lg:border-b-0"
>
<item.icon className="h-10 w-10 text-cyan-500 mb-4" />
<h3 className="text-lg font-semibold text-black dark:text-white">
@@ -62,8 +62,8 @@ export function HomeBenefits() {
</div>
{/* ✅ Bottom line + spacing */}
<div className="w-full border-b border-gray-200" />
<div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-200" />
<div className="w-full border-b border-gray-100" />
<div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-100" />
</div>
);
}