web: improvements for android web app

- reduced padding when installed as standalone
- now attempting to color the navigation bar
This commit is contained in:
wukko
2024-05-12 19:34:48 +06:00
parent 05301f1cd5
commit d57fe93234
3 changed files with 24 additions and 3 deletions

View File

@@ -1171,7 +1171,7 @@ button:active,
.tab-content-settings,
#picker-holder {
padding-bottom: calc(var(--padding) + 3.5rem);
padding-top: calc(var(--padding) + 3rem);
padding-top: calc(var(--padding) + 3rem - var(--padding-small));
}
#footer,
.popup-tabs {
@@ -1191,7 +1191,7 @@ button:active,
}
.tab-content-settings,
#tab-about-about .popup-content-inner {
padding-top: 5rem;
padding-top: calc(5rem - var(--padding-small));
}
}
@media screen and (max-width: 535px) and (display-mode: standalone) {
@@ -1252,4 +1252,18 @@ button:active,
calc(4rem - var(--padding) + var(--padding-small))
);
}
.android .popup-header {
padding-top: var(--padding);
}
.android .popup-content-inner,
.android .tab-content-settings,
.android #picker-holder {
padding-bottom: calc(var(--padding) + 3.5rem);
padding-top: calc(var(--padding) + 3rem - var(--padding-small));
}
.android .tab-content-settings,
.android #tab-about-about .popup-content-inner {
padding-top: calc(5rem - var(--padding-small));
}
}