From d51ca209924ac6206b8425f074161c04669fbc05 Mon Sep 17 00:00:00 2001
From: nimbleghost <132819643+nimbleghost@users.noreply.github.com>
Date: Mon, 26 Jun 2023 23:36:04 +0200
Subject: [PATCH] Use dvh for main height
This takes into account browser UI for the viewport calculation
---
web/src/components/App.jsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/web/src/components/App.jsx b/web/src/components/App.jsx
index 7fdc706e..9b939ea5 100644
--- a/web/src/components/App.jsx
+++ b/web/src/components/App.jsx
@@ -118,7 +118,7 @@ const Main = (props) => (
flexDirection: "column",
padding: 3,
width: { sm: `calc(100% - ${Navigation.width}px)` },
- height: "100vh",
+ height: "100dvh",
overflow: "auto",
backgroundColor: ({ palette }) => (palette.mode === "light" ? palette.grey[100] : palette.grey[900]),
}}