Merge e8cfafc4da into 4583f88626
This commit is contained in:
commit
27a9586b2d
@ -2,7 +2,7 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
|
||||||
<title>Moltbot Control</title>
|
<title>Moltbot Control</title>
|
||||||
<meta name="color-scheme" content="dark light" />
|
<meta name="color-scheme" content="dark light" />
|
||||||
<link rel="icon" href="/favicon.ico" sizes="any" />
|
<link rel="icon" href="/favicon.ico" sizes="any" />
|
||||||
|
|||||||
@ -194,6 +194,7 @@
|
|||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|||||||
@ -2,8 +2,26 @@
|
|||||||
Mobile Layout
|
Mobile Layout
|
||||||
=========================================== */
|
=========================================== */
|
||||||
|
|
||||||
/* Tablet: Horizontal nav */
|
/* Tablet: Horizontal nav - sticky header */
|
||||||
@media (max-width: 1100px) {
|
@media (max-width: 1100px) {
|
||||||
|
/* iOS safe area support - apply to shell container */
|
||||||
|
@supports (padding: env(safe-area-inset-top)) {
|
||||||
|
.shell {
|
||||||
|
padding-top: env(safe-area-inset-top);
|
||||||
|
padding-left: env(safe-area-inset-left);
|
||||||
|
padding-right: env(safe-area-inset-right);
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Keep topbar sticky on mobile */
|
||||||
|
.topbar {
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 40;
|
||||||
|
}
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@ -13,6 +31,10 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
|
/* Sticky nav below topbar */
|
||||||
|
position: sticky;
|
||||||
|
top: var(--shell-topbar-height, 56px);
|
||||||
|
z-index: 30;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav::-webkit-scrollbar {
|
.nav::-webkit-scrollbar {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user