josh/SixFlagsSuperCalendar
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

polish: center hours pill and date number in desktop calendar cells
All checks were successful
Build and Deploy / Build & Push (push) Successful in 51s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-04-05 09:37:19 -04:00
parent 040c1e4d70
commit 05f8994966
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/ParkMonthCalendar.tsx
View File

@@ -167,6 +167,7 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
borderLeft: isToday ? "2px solid var(--color-today-border)" : "none", borderLeft: isToday ? "2px solid var(--color-today-border)" : "none",
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
alignItems: "center",
gap: 4, gap: 4,
}}> }}>
{/* Date number */} {/* Date number */}
@@ -180,6 +181,7 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
: "var(--color-text-muted)", : "var(--color-text-muted)",
lineHeight: 1, lineHeight: 1,
flexShrink: 0, flexShrink: 0,
alignSelf: "center",
}}> }}>
{cell.day} {cell.day}
</span> </span>
@@ -204,6 +206,7 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
border: "1px solid var(--color-ph-border)", border: "1px solid var(--color-ph-border)",
borderRadius: 5, borderRadius: 5,
padding: "3px 6px", padding: "3px 6px",
textAlign: "center",
}}> }}>
<div style={{ fontSize: "0.6rem", fontWeight: 700, color: "var(--color-ph-label)", textTransform: "uppercase", letterSpacing: "0.05em" }}> <div style={{ fontSize: "0.6rem", fontWeight: 700, color: "var(--color-ph-label)", textTransform: "uppercase", letterSpacing: "0.05em" }}>
Passholder Passholder
@@ -221,6 +224,7 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
border: "1px solid var(--color-open-border)", border: "1px solid var(--color-open-border)",
borderRadius: 5, borderRadius: 5,
padding: "3px 6px", padding: "3px 6px",
textAlign: "center",
}}> }}>
<div style={{ fontSize: "0.65rem", color: "var(--color-open-hours)" }}> <div style={{ fontSize: "0.65rem", color: "var(--color-open-hours)" }}>
{dayData.hoursLabel} {dayData.hoursLabel}