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; } } `;