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

fix: allow ride count to wrap below park name on narrow mobile cards
All checks were successful
Build and Deploy / Build & Push (push) Successful in 1m1s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-04-05 15:34:36 -04:00
parent fd99f6f390
commit e405170c8b
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/ParkCard.tsx
View File

@@ -43,6 +43,7 @@ export function ParkCard({ park, weekDates, parkData, today, openRideCount, coas
display: "flex", display: "flex",
alignItems: "flex-start", alignItems: "flex-start",
justifyContent: "space-between", justifyContent: "space-between",
flexWrap: "wrap",
gap: 12, gap: 12,
}}> }}>
<div style={{ flex: 1, minWidth: 0 }}> <div style={{ flex: 1, minWidth: 0 }}>
@@ -63,7 +64,7 @@ export function ParkCard({ park, weekDates, parkData, today, openRideCount, coas
</div> </div>
</div> </div>
<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 5, flexShrink: 0 }}> <div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 5 }}>
{isOpenToday ? ( {isOpenToday ? (
<div style={{ <div style={{
background: isWeatherDelay ? "var(--color-weather-bg)" : isClosing ? "var(--color-closing-bg)" : "var(--color-open-bg)", background: isWeatherDelay ? "var(--color-weather-bg)" : isClosing ? "var(--color-closing-bg)" : "var(--color-open-bg)",