From bda7ceaecf933d8de06e45c2329ae71945f0fe77 Mon Sep 17 00:00:00 2001
From: Benjamin A <97291322+Baoufa@users.noreply.github.com>
Date: Mon, 27 Nov 2023 23:23:28 +0100
Subject: [PATCH] fix: mobile simulation height (#55)

---
 front/src/app/globals.css                   | 2 +-
 front/src/providers/ModalProvider/index.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/front/src/app/globals.css b/front/src/app/globals.css
index c38ac95..e260d0a 100644
--- a/front/src/app/globals.css
+++ b/front/src/app/globals.css
@@ -32,7 +32,7 @@ body {
     margin: auto;
     border-radius: 20px;
     width: 390px;
-    height: 844px;
+    height: 760px;
     min-height: 0px;
     overflow: hidden;
   }
diff --git a/front/src/providers/ModalProvider/index.tsx b/front/src/providers/ModalProvider/index.tsx
index 87aeac6..fc32492 100644
--- a/front/src/providers/ModalProvider/index.tsx
+++ b/front/src/providers/ModalProvider/index.tsx
@@ -11,7 +11,7 @@ const PortalContainer = styled(Portal)<{ isopen: Boolean | undefined }>`
   width: 100%;
   height: 100svh;
   @media (min-width: 600px) {
-    height: 844px;
+    height: 760px;
   }
   pointer-events: ${({ isopen }) => (isopen ? "auto" : "none")};
 `;
@@ -33,7 +33,7 @@ const Modal = styled.div<{ $isOpen: Boolean }>`
   z-index: 100;
 
   @media (min-width: 600px) {
-    height: calc(844px * 0.7);
+    height: calc(760px * 0.7);
   }
 `;
 
@@ -46,7 +46,7 @@ const Overlay = styled.div<{ $isOpen: Boolean }>`
   width: 100%;
   height: 100svh;
   @media (min-width: 600px) {
-    height: 844px;
+    height: 760px;
   }
   visibility: ${({ $isOpen }) => ($isOpen ? "visible" : "hidden")};
   transition: opacity 0.3s ease-in-out;
@@ -62,7 +62,7 @@ const Overlay = styled.div<{ $isOpen: Boolean }>`
     width: 100%;
     height: 100svh;
     @media (min-width: 600px) {
-      height: 844px;
+      height: 760px;
     }
   }
 `;