From 79aa0f961db76e4ee6a72810358b950e4d47d970 Mon Sep 17 00:00:00 2001 From: gominzip Date: Wed, 28 Aug 2024 11:21:58 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=EB=AA=A8=EB=8B=AC=EC=B0=BD=20=EB=94=94?= =?UTF-8?q?=EC=9E=90=EC=9D=B8=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/modal/Modal.styled.ts | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/src/components/common/modal/Modal.styled.ts b/src/components/common/modal/Modal.styled.ts index 55c5a61..cf1bd54 100644 --- a/src/components/common/modal/Modal.styled.ts +++ b/src/components/common/modal/Modal.styled.ts @@ -25,7 +25,7 @@ export const ModalWrapper = styled.div` height: 25%; display: flex; flex-direction: column; - justify-content: center; + justify-content: space-between; align-items: center; font-size: 1.5rem; font-weight: bold; @@ -39,18 +39,19 @@ export const TextWrapper = styled.div` height: 60%; display: flex; flex-direction: column; - justify-content: space-evenly; + justify-content: center; text-align: center; - padding-top: 3.5rem; + padding-top: 1rem; + gap: 10px; `; export const ModalTitle = styled.div` - font-size: 2.4rem; + font-size: 2.3rem; font-weight: 800; `; export const ModalExplain = styled.div` - font-size: 2rem; + font-size: 1.8rem; font-weight: 700; color: #777777; `; @@ -59,7 +60,7 @@ export const ButtonWrapper = styled.div` width: 100%; height: 60px; display: flex; - border-top: 2.5px solid #d0d0d0; + border-top: 1px solid #d0d0d0; `; export const ButtonStyle = styled.div<{ isRightButton: boolean }>` @@ -72,5 +73,5 @@ export const ButtonStyle = styled.div<{ isRightButton: boolean }>` font-weight: 700; padding: 2rem; border-left: ${(props) => - props.isRightButton ? "2.5px solid #d0d0d0" : "none"}; + props.isRightButton ? "1px solid #d0d0d0" : "none"}; `;