fix: mobile simulation height (#55)

passkeys-4337 · Nov 27, 2023 · bda7cea · bda7cea
1 parent 6308184
commit bda7cea
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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;
     }
   }
 `;