joaquin/KiraTV-APP-NodeCast-Modificada-y-Personalizada
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: implement dynamic viewport height

Browse Source
This commit is contained in:
Trevor Mears
2026-01-21 20:12:54 -08:00
parent 47d582cb8c
commit 6f966f1095
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/main.css
+8
View File
@@ -113,6 +113,11 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100vh;
/* fallback */
height: 100dvh;
/* dynamic viewport height for modern browsers */
height: -webkit-fill-available;
/* iOS Safari fallback */
} }
/* Typography */ /* Typography */
@@ -3334,6 +3339,9 @@ kbd {
position: relative; position: relative;
width: 100%; width: 100%;
height: calc(100vh - var(--navbar-height)); height: calc(100vh - var(--navbar-height));
/* fallback */
height: calc(100dvh - var(--navbar-height));
/* dynamic viewport for modern browsers */
min-height: 400px; min-height: 400px;
background: #000; background: #000;
} }