mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-15 02:41:09 +02:00
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:
parent
eebc370cb2
commit
781bc529ba
1 changed files with 7 additions and 2 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue