From c75c4e0be619d6a86cdfe000c2ce15de256b94d8 Mon Sep 17 00:00:00 2001 From: Tom Boullay Date: Wed, 3 Jun 2026 01:46:13 +0200 Subject: [PATCH] fix(site): keep white card border visible when selected Replace the border swap with an outer green outline so the white border stays in place. Selected = white border + green outline, unselected = white border only. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/components/site/SiteCard.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/site/SiteCard.tsx b/src/components/site/SiteCard.tsx index 97ae7d1..2dba434 100644 --- a/src/components/site/SiteCard.tsx +++ b/src/components/site/SiteCard.tsx @@ -22,8 +22,6 @@ export function SiteCard({ return "#b8b8b8"; }; - const borderColor = selected ? "#a8d5a2" : "rgba(255, 255, 255, 0.55)"; - const textColor = disabled ? "rgba(77, 77, 77, 0.72)" : "#4d4d4d"; return ( @@ -41,7 +39,9 @@ export function SiteCard({ height: isSituation ? "clamp(48px, 6vw, 60px)" : "clamp(140px, 18vw, 180px)", - border: `3px solid ${borderColor}`, + border: "3px solid rgba(255, 255, 255, 0.55)", + outline: selected ? "3px solid #a8d5a2" : "none", + outlineOffset: 0, background: getBackground(), cursor: disabled ? "not-allowed" : "pointer", display: "flex",