attempt to fix viewport size for mobile browsers (#1787)

This commit is contained in:
jeffvli
2026-03-04 21:51:04 -08:00
parent dbc215c44f
commit 513e9e822d
3 changed files with 7 additions and 1 deletions
+1 -1
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="Content-Security-Policy" /> <meta http-equiv="Content-Security-Policy" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<script> <script>
(function () { (function () {
if (localStorage.getItem('umami.disabled') !== '1') { if (localStorage.getItem('umami.disabled') !== '1') {
@@ -5,6 +5,7 @@
'main-content' 'main-content'
'player'; 'player';
grid-template-rows: 0 calc(100vh - 90px) 90px; grid-template-rows: 0 calc(100vh - 90px) 90px;
grid-template-rows: 0 calc(100dvh - 90px) 90px;
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 0; gap: 0;
height: 100%; height: 100%;
@@ -13,8 +14,10 @@
.windows { .windows {
grid-template-rows: 30px calc(100vh - 120px) 90px; grid-template-rows: 30px calc(100vh - 120px) 90px;
grid-template-rows: 30px calc(100dvh - 120px) 90px;
} }
.macos { .macos {
grid-template-rows: 30px calc(100vh - 120px) 90px; grid-template-rows: 30px calc(100vh - 120px) 90px;
grid-template-rows: 30px calc(100dvh - 120px) 90px;
} }
@@ -6,10 +6,12 @@
'main-content' 'main-content'
'player'; 'player';
grid-template-rows: 0 calc(100vh - 90px) 90px; grid-template-rows: 0 calc(100vh - 90px) 90px;
grid-template-rows: 0 calc(100dvh - 90px) 90px;
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 0; gap: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
height: 100dvh;
overflow: hidden; overflow: hidden;
background: var(--theme-colors-background); background: var(--theme-colors-background);
} }
@@ -17,6 +19,7 @@
.windows, .windows,
.macos { .macos {
grid-template-rows: 30px calc(100vh - 120px) 90px; grid-template-rows: 30px calc(100vh - 120px) 90px;
grid-template-rows: 30px calc(100dvh - 120px) 90px;
} }
.drawer-button { .drawer-button {