From 611f0b9889ec177d3c5f4a91e69f7b503c678f68 Mon Sep 17 00:00:00 2001 From: "yeondu._" Date: Fri, 30 Aug 2024 15:18:38 +0900 Subject: [PATCH] =?UTF-8?q?Style=20:=20=EB=AA=A8=EB=8B=AC=EC=B0=BD=20?= =?UTF-8?q?=EB=B2=94=EC=9C=84=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/Component/Modal/modal.tsx | 4 ++-- src/Component/Portfolio/PortfolioDetail.tsx | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/Component/Modal/modal.tsx b/src/Component/Modal/modal.tsx index 88ca6cc..af418a0 100644 --- a/src/Component/Modal/modal.tsx +++ b/src/Component/Modal/modal.tsx @@ -8,7 +8,7 @@ const getModalStyles = (isSmallScreen: boolean): Styles => { return { overlay: { backgroundColor: "rgb(255 255 255 / 60%)", - width: "90%", + width: isSmallScreen ? "100%" : "90%", height: "100%", zIndex: 100, top: "0", @@ -16,7 +16,7 @@ const getModalStyles = (isSmallScreen: boolean): Styles => { }, content: { width: isSmallScreen ? "85%" : "400px", - height: isSmallScreen ? "auto" : "450px", + height: isSmallScreen ? "400px" : "450px", zIndex: "11", position: "fixed" as const, scrollbarWidth: "none", diff --git a/src/Component/Portfolio/PortfolioDetail.tsx b/src/Component/Portfolio/PortfolioDetail.tsx index d60a29f..c980fbc 100644 --- a/src/Component/Portfolio/PortfolioDetail.tsx +++ b/src/Component/Portfolio/PortfolioDetail.tsx @@ -20,7 +20,7 @@ const TitleDiv = styled.div` justify-content: space-between; @media (max-width: 768px) { width: 100%; - padding-right: 1rem; + padding-right: 2rem; } `;