Merge pull request #103 from CETEN-OpenBar/bugfix/mobile-height-calcu…

…lation fix(mobile): Invalid height calculation on mobile browsers
CETEN-OpenBar · Sep 30, 2024 · 08cd852 · 08cd852
2 parents b1e1f00 + dc905a5
commit 08cd852
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/routes/auth/+page.svelte b/frontend/src/routes/auth/+page.svelte
@@ -27,7 +27,7 @@
 </svelte:head>
 
 <!-- Connect with Google at the middle of the screen -->
-<div class="flex flex-col items-center justify-center h-screen">
+<div class="flex flex-col items-center justify-center h-[100dvh]">
     <h1 class="font-semibold text-3xl m-3">OpenBar</h1>
     <img 
         src="/logo.png"

diff --git a/frontend/src/routes/client/commande/+page.svelte b/frontend/src/routes/client/commande/+page.svelte
@@ -336,7 +336,7 @@
 <!-- Main content -->
 <div
 	id="main"
-	class="w-screen h-screen top-0 left-0 overflow-y-hidden bg-[#393E46] text-white flex flex-col"
+	class="h-[100dvh] w-screen top-0 left-0 overflow-y-hidden bg-[#393E46] text-white flex flex-col"
 >
 
 	<!-- Menu close overlay -->