From dc905a59fc3507d50a36dd5365ac26cceda9e828 Mon Sep 17 00:00:00 2001
From: Aristide Urli <aristide.urli@telecomnancy.net>
Date: Mon, 30 Sep 2024 21:00:08 +0200
Subject: [PATCH] fix(mobile): Invalid height calculation on mobile browsers

Fixes #102
---
 frontend/src/routes/auth/+page.svelte            | 2 +-
 frontend/src/routes/client/commande/+page.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/auth/+page.svelte b/frontend/src/routes/auth/+page.svelte
index 824915f..15d1442 100644
--- 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
index 1b419f6..28df4e9 100644
--- 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 -->