polish: ride count copy, open indicator, and badge sizing
All checks were successful
Build and Deploy / Build & Push (push) Successful in 1m5s
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:
12
app/page.tsx
12
app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user