diff --git a/src/components/modal/Styled.js b/src/components/modal/Styled.js index 8d38854..e96446e 100644 --- a/src/components/modal/Styled.js +++ b/src/components/modal/Styled.js @@ -30,7 +30,7 @@ export const ModalContent = styled.div` export const ModalHeader = styled.h2` color: var(--, #5f5f5f); text-align: center; - font-size: 13px; + font-size: 11px; font-style: normal; font-weight: 700; line-height: 15px; /* 150% */ diff --git a/src/pages/booth/Styled.js b/src/pages/booth/Styled.js index 390a197..2dcd36b 100644 --- a/src/pages/booth/Styled.js +++ b/src/pages/booth/Styled.js @@ -159,16 +159,13 @@ export const BoothListWrapper = styled.div` bottom: ${({ $isOpen }) => ($isOpen ? "0" : "-20px")}; width: 100%; max-width: 540px; - height: ${({ $isOpen }) => ($isOpen ? "300px" : "0px")}; + height: ${({ $isOpen }) => ($isOpen ? "370px" : "0px")}; background-color: inherit; transition: bottom 0.5s ease, height 0.5s ease; z-index: 10; @media (max-width: 375px) { - height: ${({ $isOpen }) => ($isOpen ? "250px" : "0px")}; - } - @media (max-width: 390px) { - height: ${({ $isOpen }) => ($isOpen ? "350px" : "0px")}; + height: ${({ $isOpen }) => ($isOpen ? "290px" : "0px")}; } `;