From 7adf660b76c7a15c79a7ab4671a5dde39afa2120 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Thu, 12 Sep 2024 17:10:28 +0200
Subject: [PATCH] use dvh only if supported

---
 website/src/routes/[[language]]/app/+page.svelte | 2 +-
 website/tailwind.config.js                       | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/website/src/routes/[[language]]/app/+page.svelte b/website/src/routes/[[language]]/app/+page.svelte
index a272794c..c16dd0b2 100644
--- a/website/src/routes/[[language]]/app/+page.svelte
+++ b/website/src/routes/[[language]]/app/+page.svelte
@@ -53,7 +53,7 @@
     });
 </script>
 
-<div class="fixed flex flex-row w-screen h-screen h-dvh">
+<div class="fixed flex flex-row w-screen h-screen supports-dvh:h-dvh">
     <div class="flex flex-col grow h-full min-w-0">
         <div class="grow relative">
             <Menu />
diff --git a/website/tailwind.config.js b/website/tailwind.config.js
index 7b0b836d..10d84a63 100644
--- a/website/tailwind.config.js
+++ b/website/tailwind.config.js
@@ -54,6 +54,9 @@ const config = {
             screens: {
                 "xs": "540px",
             }
+        },
+        supports: {
+            dvh: 'height: 100dvh',
         }
     },
 };