polish: clarify parks open badge; improve timezone display
All checks were successful
Build and Deploy / Build & Push (push) Successful in 51s

- "parks open" → "parks open this week" for clarity
- Week calendar cells: stack hours above tz abbreviation (smaller,
  dimmer) instead of inline to avoid overflow in tight 130px columns
- Mobile park cards: tz abbreviation inline but smaller/dimmer (60% opacity)
- Month calendar: same two-line stacking in compact day cells

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-04-05 08:22:06 -04:00
parent c4c86a3796
commit fd45309891
4 changed files with 35 additions and 7 deletions

View File

@@ -187,7 +187,10 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
Passholder
</div>
<div style={{ fontSize: "0.65rem", color: "var(--color-ph-hours)", marginTop: 2 }}>
{dayData.hoursLabel} {tzAbbr}
{dayData.hoursLabel}
</div>
<div style={{ fontSize: "0.58rem", color: "var(--color-ph-label)", opacity: 0.75, marginTop: 1, letterSpacing: "0.04em" }}>
{tzAbbr}
</div>
</div>
) : isOpen ? (
@@ -198,7 +201,10 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
padding: "3px 6px",
}}>
<div style={{ fontSize: "0.65rem", color: "var(--color-open-hours)" }}>
{dayData.hoursLabel} {tzAbbr}
{dayData.hoursLabel}
</div>
<div style={{ fontSize: "0.58rem", color: "var(--color-open-hours)", opacity: 0.6, marginTop: 1, letterSpacing: "0.04em" }}>
{tzAbbr}
</div>
</div>
) : (