Fix: App-Frame bei großer Systemschrift (min-height statt height, Grid responsiv)

This commit is contained in:
rene 2026-04-19 09:48:44 +02:00
parent e784832a87
commit 08ec40228a
4 changed files with 11 additions and 8 deletions

View file

@ -18,7 +18,7 @@
flex: 1;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: calc(var(--nav-bottom-height) + var(--safe-bottom));
padding-bottom: calc(var(--nav-bottom-height) + var(--safe-bottom) + 16px);
}
/* Desktop: Sidebar-Layout */
@ -39,8 +39,9 @@
position: sticky;
top: 0;
z-index: 100;
height: calc(var(--header-height) + var(--safe-top));
min-height: calc(var(--header-height) + var(--safe-top));
padding-top: var(--safe-top);
padding-bottom: var(--space-2);
background: var(--c-surface);
border-bottom: 1px solid var(--c-border-light);
display: flex;
@ -164,8 +165,9 @@
left: 0;
right: 0;
z-index: 300;
height: calc(var(--nav-bottom-height) + var(--safe-bottom));
padding-bottom: var(--safe-bottom);
min-height: calc(var(--nav-bottom-height) + var(--safe-bottom));
padding-top: var(--space-1);
padding-bottom: calc(var(--safe-bottom) + var(--space-1));
background: var(--c-surface);
border-top: 1px solid var(--c-border-light);
display: flex;
@ -236,9 +238,10 @@
}
.nav-item-label {
font-size: 9px;
font-size: clamp(9px, 0.6rem, 11px);
font-weight: var(--weight-semibold);
line-height: 1;
white-space: nowrap;
}
/* Mittlerer + Button: kein Label, größer */