zv/wtr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep day forecast modal scrollbar inside panel

Browse Source
This commit is contained in:
zv
2026-06-11 18:08:07 +02:00
parent 7c86397e32
commit 62235f6679
1 changed files with 69 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/forecast/day-forecast-modal.tsx
View File

@@ -96,13 +96,14 @@ export function DayForecastModal({
role="dialog" role="dialog"
aria-modal="true" aria-modal="true"
aria-labelledby="day-forecast-title" aria-labelledby="day-forecast-title"
className="weather-scrollbar h-full w-full overflow-y-auto bg-background shadow-card sm:max-w-6xl sm:rounded-panel sm:border sm:border-border/70" className="h-full w-full overflow-hidden bg-background shadow-card sm:max-w-6xl sm:rounded-panel sm:border sm:border-border/70"
initial={{ opacity: 0, y: 28, scale: 0.985 }} initial={{ opacity: 0, y: 28, scale: 0.985 }}
animate={{ opacity: 1, y: 0, scale: 1 }} animate={{ opacity: 1, y: 0, scale: 1 }}
exit={{ opacity: 0, y: 20, scale: 0.99 }} exit={{ opacity: 0, y: 20, scale: 0.99 }}
transition={{ type: "spring", stiffness: 260, damping: 28 }} transition={{ type: "spring", stiffness: 260, damping: 28 }}
onPointerDown={(event) => event.stopPropagation()} onPointerDown={(event) => event.stopPropagation()}
> >
<div className="weather-scrollbar h-full overflow-y-auto">
<div className="mx-auto max-w-6xl space-y-5 p-4 pb-8 sm:p-6 lg:p-8"> <div className="mx-auto max-w-6xl space-y-5 p-4 pb-8 sm:p-6 lg:p-8">
<div className="flex items-start justify-between gap-4"> <div className="flex items-start justify-between gap-4">
<div> <div>
@@ -176,6 +177,7 @@ export function DayForecastModal({
<ForecastSources sources={sources} /> <ForecastSources sources={sources} />
</div> </div>
</div>
</motion.section> </motion.section>
</motion.div> </motion.div>
) : null} ) : null}