From 5c6f4561cbb906bde2c9b51a8e740e239ae7302b Mon Sep 17 00:00:00 2001 From: chaem03 Date: Sun, 6 Oct 2024 23:37:57 +0900 Subject: [PATCH] =?UTF-8?q?[Feature]#27=20-=20=EC=B9=B4=EC=B9=B4=EC=98=A4?= =?UTF-8?q?=EB=A7=B5=20=EB=B7=B0=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/BoothDetail/BoothDetail.jsx | 6 +++--- src/pages/booth/Styled.js | 11 ++++++++--- 2 files changed, 11 insertions(+), 6 deletions(-) diff --git a/src/components/common/BoothDetail/BoothDetail.jsx b/src/components/common/BoothDetail/BoothDetail.jsx index db74aed..9dbfefe 100644 --- a/src/components/common/BoothDetail/BoothDetail.jsx +++ b/src/components/common/BoothDetail/BoothDetail.jsx @@ -45,9 +45,9 @@ export const BoothDetail = ({ onClose, booth_id, boothInfo }) => { ); }; - const MoveonTabling = (tabling_link) => { - window.open(`${tabling_link}`, "_blank"); - }; + // const MoveonTabling = (tabling_link) => { + // window.open(`${tabling_link}`, "_blank"); + // }; return ( diff --git a/src/pages/booth/Styled.js b/src/pages/booth/Styled.js index 2dcd36b..2d57c97 100644 --- a/src/pages/booth/Styled.js +++ b/src/pages/booth/Styled.js @@ -66,7 +66,7 @@ export const CurrentLocationButton = styled.div` display: flex; position: absolute; z-index: 20; - top: -55px; + top: -40px; left: 10px; `; @@ -141,13 +141,18 @@ display: flex; export const MapPlaceholder = styled.div` width: 100%; height: ${({ $isBoothListOpen }) => - $isBoothListOpen ? "calc(100vh - 350px)" : "calc(100vh)"}; + $isBoothListOpen ? "calc(100vh - 95px - 35px - 300px)" : "calc(100vh)"}; background-color: #e0e0e0; display: flex; justify-content: center; color: #666; position: relative; + + @media (max-width: 375px) { + height: ${({ $isBoothListOpen }) => + $isBoothListOpen ? "calc(100vh - 95px - 35px - 290px)" : "calc(100vh)"}; + } `; // 부스 리스트와 필터가 들어가는 Wrapper @@ -159,7 +164,7 @@ export const BoothListWrapper = styled.div` bottom: ${({ $isOpen }) => ($isOpen ? "0" : "-20px")}; width: 100%; max-width: 540px; - height: ${({ $isOpen }) => ($isOpen ? "370px" : "0px")}; + height: ${({ $isOpen }) => ($isOpen ? "300px" : "0px")}; background-color: inherit; transition: bottom 0.5s ease, height 0.5s ease; z-index: 10;