use dvh only if supported

2025-11-04 05:21:09 +00:00 · 2024-09-12 17:10:28 +02:00
parent 9a0d54c684
commit 7adf660b76
2 changed files with 4 additions and 1 deletions
--- 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 />
--- a/website/tailwind.config.js
+++ b/website/tailwind.config.js
@@ -54,6 +54,9 @@ const config = {
            screens: {
                "xs": "540px",
            }
+        },
+        supports: {
+            dvh: 'height: 100dvh',
        }
    },
 };