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>
<meta charset="utf-8" />
<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>
(function () {
if (localStorage.getItem('umami.disabled') !== '1') {
@@ -5,6 +5,7 @@
'main-content'
'player';
grid-template-rows: 0 calc(100vh - 90px) 90px;
grid-template-rows: 0 calc(100dvh - 90px) 90px;
grid-template-columns: 1fr;
gap: 0;
height: 100%;
@@ -13,8 +14,10 @@
.windows {
grid-template-rows: 30px calc(100vh - 120px) 90px;
grid-template-rows: 30px calc(100dvh - 120px) 90px;
}
.macos {
grid-template-rows: 30px calc(100vh - 120px) 90px;
grid-template-rows: 30px calc(100dvh - 120px) 90px;
}
@@ -6,10 +6,12 @@
'main-content'
'player';
grid-template-rows: 0 calc(100vh - 90px) 90px;
grid-template-rows: 0 calc(100dvh - 90px) 90px;
grid-template-columns: 1fr;
gap: 0;
width: 100vw;
height: 100vh;
height: 100dvh;
overflow: hidden;
background: var(--theme-colors-background);
}
@@ -17,6 +19,7 @@
.windows,
.macos {
grid-template-rows: 30px calc(100vh - 120px) 90px;
grid-template-rows: 30px calc(100dvh - 120px) 90px;
}
.drawer-button {