fix: set fixed height on calendar grid

Add content-start alignment and fixed 192px height to the
calendar grid to prevent layout shift when switching between
months with different numbers of weeks. This ensures consistent
spacing and prevents the calendar from changing size based on
the month being displayed.
This commit is contained in:
Tristan Michael 2026-04-06 10:57:11 -07:00
parent e9f7f7ab69
commit 9a9dc80e26

View file

@ -121,7 +121,7 @@
</div> </div>
<!-- Calendar grid --> <!-- Calendar grid -->
<div class="grid grid-cols-7 px-4 pb-2"> <div class="grid grid-cols-7 content-start px-4 pb-2" style="height: 192px;">
{#each calendarCells as day} {#each calendarCells as day}
{#if day === null} {#if day === null}
<div></div> <div></div>