gaufre: fix modal mode sizing issue on mobile

the 100vh takes too much place sometime, making the close button being rendered behind the browser UI. now we use the "svh" unit when available, which is the same as vh but making sure we dont overlap with browser UI.
2024-06-21 15:01:55 +02:00
parent f29325a7f4
commit a4d98f4f17
1 changed files with 4 additions and 2 deletions
--- a/website/public/api/v1/gaufre.js
+++ b/website/public/api/v1/gaufre.js
@@ -154,8 +154,10 @@
        left: 0;
        bottom: 0;
        right: 0;
-        width: 100vw;
-        height: 100vh;
+        width: 100%;
+        width: 100svw;
+        height: 100%;
+        height: 100svh;
        margin: auto;
      `
    }