From 6f966f1095c4dd163427231cf48037e5c2e11609 Mon Sep 17 00:00:00 2001
From: Trevor Mears <trevor.mears@gmail.com>
Date: Wed, 21 Jan 2026 20:12:54 -0800
Subject: [PATCH] fix: implement dynamic viewport height

---
 public/css/main.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/public/css/main.css b/public/css/main.css
index 63aed3f..bcade6f 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -113,6 +113,11 @@ body {
   display: flex;
   flex-direction: column;
   height: 100vh;
+  /* fallback */
+  height: 100dvh;
+  /* dynamic viewport height for modern browsers */
+  height: -webkit-fill-available;
+  /* iOS Safari fallback */
 }
 
 /* Typography */
@@ -3334,6 +3339,9 @@ kbd {
   position: relative;
   width: 100%;
   height: calc(100vh - var(--navbar-height));
+  /* fallback */
+  height: calc(100dvh - var(--navbar-height));
+  /* dynamic viewport for modern browsers */
   min-height: 400px;
   background: #000;
 }