diff --git a/components/MobileCardList.tsx b/components/MobileCardList.tsx index 10664f0..cce0e93 100644 --- a/components/MobileCardList.tsx +++ b/components/MobileCardList.tsx @@ -24,25 +24,17 @@ export function MobileCardList({ grouped, weekDates, data, today, rideCounts, co
-
- {region} + — {region} —
@@ -60,7 +52,7 @@ export function MobileCardList({ grouped, weekDates, data, today, rideCounts, co isOpen={openParkIds?.includes(park.id)} isClosing={closingParkIds?.includes(park.id)} isWeatherDelay={weatherDelayParkIds?.includes(park.id)} - /> + /> ))}
diff --git a/components/ParkCard.tsx b/components/ParkCard.tsx index 227d422..54d0330 100644 --- a/components/ParkCard.tsx +++ b/components/ParkCard.tsx @@ -31,6 +31,9 @@ export function ParkCard({ park, weekDates, parkData, today, openRideCount, coas
diff --git a/components/WeekCalendar.tsx b/components/WeekCalendar.tsx index 41ff12c..dbd4a42 100644 --- a/components/WeekCalendar.tsx +++ b/components/WeekCalendar.tsx @@ -166,17 +166,16 @@ function RegionHeader({ region, colSpan }: { region: string; colSpan: number }) padding: "10px 14px 6px", background: "var(--color-region-bg)", borderBottom: "1px solid var(--color-border-subtle)", - borderLeft: "3px solid var(--color-region-accent)", }} > - {region} + — {region} — @@ -224,6 +223,9 @@ function ParkRow({ padding: 0, borderBottom: "1px solid var(--color-border)", borderRight: "1px solid var(--color-border)", + borderLeft: isOpen + ? `3px solid ${isWeatherDelay ? "var(--color-weather-border)" : isClosing ? "var(--color-closing-border)" : "var(--color-open-border)"}` + : "3px solid transparent", verticalAlign: "middle", background: rowBg, transition: "background 120ms ease", @@ -240,16 +242,6 @@ function ParkRow({ {park.name} - {isOpen && ( - - )}
{park.location.city}, {park.location.state}