Fix: App-Frame bei großer Systemschrift (min-height statt height, Grid responsiv)
This commit is contained in:
parent
e784832a87
commit
08ec40228a
4 changed files with 11 additions and 8 deletions
|
|
@ -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 */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue