This commit is contained in:
Austin S. Lin 2026-01-29 19:00:18 +00:00 committed by GitHub
commit 27a9586b2d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 25 additions and 2 deletions

View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<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>
<meta name="color-scheme" content="dark light" />
<link rel="icon" href="/favicon.ico" sizes="any" />

View File

@ -194,6 +194,7 @@
html,
body {
height: 100%;
overflow: hidden;
}
body {

View File

@ -2,8 +2,26 @@
Mobile Layout
=========================================== */
/* Tablet: Horizontal nav */
/* Tablet: Horizontal nav - sticky header */
@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 {
display: flex;
flex-direction: row;
@ -13,6 +31,10 @@
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
/* Sticky nav below topbar */
position: sticky;
top: var(--shell-topbar-height, 56px);
z-index: 30;
}
.nav::-webkit-scrollbar {