math-pixel/La-Fabrik
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(site): keep white card border visible when selected

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
Tom Boullay
2026-06-03 01:46:13 +02:00
parent 5f113cbba4
commit c75c4e0be6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/site/SiteCard.tsx
+3 -3
View File
@@ -22,8 +22,6 @@ export function SiteCard({
return "#b8b8b8"; return "#b8b8b8";
}; };
const borderColor = selected ? "#a8d5a2" : "rgba(255, 255, 255, 0.55)";
const textColor = disabled ? "rgba(77, 77, 77, 0.72)" : "#4d4d4d"; const textColor = disabled ? "rgba(77, 77, 77, 0.72)" : "#4d4d4d";
return ( return (
@@ -41,7 +39,9 @@ export function SiteCard({
height: isSituation height: isSituation
? "clamp(48px, 6vw, 60px)" ? "clamp(48px, 6vw, 60px)"
: "clamp(140px, 18vw, 180px)", : "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(), background: getBackground(),
cursor: disabled ? "not-allowed" : "pointer", cursor: disabled ? "not-allowed" : "pointer",
display: "flex", display: "flex",