Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-03-21 18:04:39 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Try to fix mobile tab nav height on Android

Browse Source
This commit is contained in:
Kalle 2026-03-19 21:31:07 +02:00
parent ed5cd90734
commit cbfa49c3ab
1 changed files with 2 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/MobileNav.module.css
View File

@ -16,19 +16,13 @@
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
height: var(--layout-nav-height); height: calc(var(--layout-nav-height) + env(safe-area-inset-bottom));
background-color: var(--color-bg); background-color: var(--color-bg);
border-top: 1.5px solid var(--color-border); border-top: 1.5px solid var(--color-border);
padding: 0 var(--s-4); padding: 0 var(--s-4);
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
} }
@media screen and (display-mode: standalone) {
.tabBar {
height: calc(var(--layout-nav-height) + env(safe-area-inset-bottom));
}
}
.tab { .tab {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -368,7 +362,7 @@
bottom: calc(0px - var(--layout-nav-height)); bottom: calc(0px - var(--layout-nav-height));
left: 0; left: 0;
right: 0; right: 0;
height: var(--layout-nav-height); height: calc(var(--layout-nav-height) + env(safe-area-inset-bottom));
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
@ -376,12 +370,6 @@
z-index: 100; z-index: 100;
} }
@media screen and (display-mode: standalone) {
.ghostTabBar {
height: calc(var(--layout-nav-height) + env(safe-area-inset-bottom));
}
}
.ghostTab { .ghostTab {
height: 100%; height: 100%;
flex: 1; flex: 1;