polish: ride count copy, open indicator, and badge sizing
All checks were successful
Build and Deploy / Build & Push (push) Successful in 1m5s

- "X rides open" → "X rides operating" (desktop + mobile)
- Green glowing dot next to park name when actively operating
- Hours text in calendar cells: larger (0.78rem) and bolder (600)
- Parks open badge: green tint when parks are open, larger text

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-04 20:54:14 -04:00
parent fbf4337a83
commit f1fec2355c
3 changed files with 28 additions and 16 deletions

View File

@@ -112,13 +112,13 @@ export default async function HomePage({ searchParams }: PageProps) {
</span>
<span style={{
background: "var(--color-surface)",
border: "1px solid var(--color-border)",
background: visibleParks.length > 0 ? "var(--color-open-bg)" : "var(--color-surface)",
border: `1px solid ${visibleParks.length > 0 ? "var(--color-open-border)" : "var(--color-border)"}`,
borderRadius: 20,
padding: "3px 10px",
fontSize: "0.7rem",
color: "var(--color-text-muted)",
fontWeight: 500,
padding: "4px 14px",
fontSize: "0.78rem",
color: visibleParks.length > 0 ? "var(--color-open-hours)" : "var(--color-text-muted)",
fontWeight: 600,
}}>
{visibleParks.length} of {PARKS.length} parks open
</span>