M frontend/src/App.vue → frontend/src/App.vue

@@ -68,7 +68,7 @@ flex-direction: row;
 	align-items: stretch;
 	justify-content: flex-start;
 
-	height: 100vh;
+	height: 100dvh;
 	padding: 0.5rem;
 	gap: 0.5rem;
 
@@ -200,7 +200,7 @@ position: fixed;
 			top: 0;
 			left: 0;
 			width: 100vw;
-			height: 100vh;
+			height: 100dvh;
 			background-color: rgba(0, 0, 0, 0.5);
 			backdrop-filter: blur(8px);
 			z-index: 10;
@@ -218,7 +218,7 @@ position: fixed;
 			top: 0;
 			left: -250px;
 			width: 250px;
-			height: 100vh;
+			height: 100dvh;
 			background-color: hsla(var(--crust));
 			z-index: 20;
 			padding: 0.5rem;

M frontend/src/css/index.css → frontend/src/css/index.css

@@ -65,7 +65,7 @@ -webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 
 	#app {
-		height: 100vh;
+		height: 100dvh;
 	}
 }