Fix mobile scroll

This commit is contained in:
Jack Kingsman
2026-01-10 01:03:55 -08:00
parent 2798b551f8
commit 50fcd286ba
6 changed files with 18 additions and 5 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RemoteTerm for MeshCore</title>
<script type="module" crossorigin src="/assets/index-BtEbese6.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CtV9BARe.css">
<script type="module" crossorigin src="/assets/index-Dp5zBAL9.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C0BLxxTS.css">
</head>
<body>
<div id="root"></div>
+1 -1
View File
@@ -981,7 +981,7 @@ export function App() {
);
return (
<div className="flex flex-col h-screen">
<div className="flex flex-col h-dvh">
<StatusBar
health={health}
config={config}
+13
View File
@@ -6,8 +6,21 @@
padding: 0;
}
html, body, #root {
height: 100%;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
/* Prevent overscroll/bounce on mobile */
overscroll-behavior: none;
}
/* Fallback for browsers without dvh support */
@supports not (height: 1dvh) {
.h-dvh {
height: 100vh;
}
}
/* Mobile sidebar override - ensures sidebar fills Sheet container */