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
@@ -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 {