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

This commit is contained in:
2025-11-07 17:28:33 +01:00
parent e8c424539e
commit aca13e275b
30 changed files with 83 additions and 83 deletions

View File

@@ -54,11 +54,11 @@ export function HomeApplication() {
const Icon = current.icon; // ✅ dynamic icon
return (
<section className="mx-4 border-t-0 lg:mx-auto max-w-5xl border border-gray-200">
<section className="mx-4 border-t-0 lg:mx-auto max-w-5xl border border-gray-100">
<div className="grid grid-cols-1 lg:grid-cols-4 gap-12 relative">
{/* ✅ VERTICAL DIVIDER ON DESKTOP */}
<div className="hidden lg:block absolute left-3/4 top-0 bottom-0 border-l border-gray-200 pointer-events-none"></div>
<div className="hidden lg:block absolute left-3/4 top-0 bottom-0 border-l border-gray-100 pointer-events-none"></div>
{/* LEFT COLUMN */}
<div className="lg:col-span-3 space-y-6 lg:pl-6 py-12">
@@ -71,7 +71,7 @@ export function HomeApplication() {
</p>
{/* TABS */}
<div className="inline-flex flex-wrap gap-2 bg-gray-50 rounded-full p-1 border border-gray-200 w-auto">
<div className="inline-flex flex-wrap gap-2 bg-gray-50 rounded-full p-1 border border-gray-100 w-auto">
{tabs.map((tab) => (
<button
key={tab.id}