fix(calendar): equal cell heights in month view on smaller screens

Fix flexbox layout for month view grid cells by:
- Adding height: 100% and min-height: 0 to .month-view container
- Using flex: 1 1 0 on week rows for equal distribution
- Adding overflow: hidden on day cells to prevent content overflow

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Till-JS 2025-12-16 17:43:38 +01:00
parent eebc370cb2
commit 781bc529ba

View file

@ -402,6 +402,8 @@
.month-view {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
}
.weekday-headers {
@ -427,13 +429,14 @@
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
}
.week-row {
flex: 1;
flex: 1 1 0;
display: grid;
grid-template-columns: repeat(var(--column-count, 7), 1fr);
min-height: 100px;
min-height: 0;
}
.day-cell {
@ -447,6 +450,8 @@
display: flex;
flex-direction: column;
transition: background-color var(--transition-fast);
min-height: 0;
overflow: hidden;
}
.day-cell:first-child {