From 7d0bb08f1929db2ae218a6b6de431c9f6b058c5b Mon Sep 17 00:00:00 2001 From: inyoung Date: Sat, 27 Apr 2024 03:52:56 +0900 Subject: [PATCH] =?UTF-8?q?Style:=20=ED=83=80=EC=9E=84=20=EC=84=A0?= =?UTF-8?q?=ED=83=9D=20=EB=AA=A8=EB=8B=AC=EC=97=90=EC=84=9C=20=EC=8B=9C?= =?UTF-8?q?=EA=B0=84=20=EB=B2=84=ED=8A=BC=20width=EC=99=80=20margin?= =?UTF-8?q?=EC=9D=84=20%=EB=A1=9C=20=EB=94=94=EB=B0=94=EC=9D=B4=EC=8A=A4?= =?UTF-8?q?=EC=97=90=20=EB=8C=80=EC=9D=91=ED=95=98=EC=97=AC=20=EC=A1=B0?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../TimeSelectModal.tsx | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/src/components/Seller/SellerMyPageModifyProfile/TimeSelectModal.tsx b/src/components/Seller/SellerMyPageModifyProfile/TimeSelectModal.tsx index a0120209..28854dbd 100644 --- a/src/components/Seller/SellerMyPageModifyProfile/TimeSelectModal.tsx +++ b/src/components/Seller/SellerMyPageModifyProfile/TimeSelectModal.tsx @@ -189,7 +189,6 @@ function TimeSelectModal({ 시작시간과 종료시간을 1시간 이상 간격으로 설정해주세요 - {hourList.map((hour) => ( ))} - - 24시 이후에 종료하고 싶은 경우, 다음 요일의
- 항목에서 시작과 종료를 별도로 설정해주세요 -
+
+ + 24시 이후에 종료하고 싶은 경우, 다음 요일의
+ 항목에서 시작과 종료를 별도로 설정해주세요 +
+
); } const HourButtonList = styled.div` display: flex; - gap: 2.4rem; - margin: 0 3.15rem; + margin: 0 2rem; flex-wrap: wrap; `; @@ -247,7 +247,8 @@ const HourButton = styled.div<{ isActive ? Green : isBetween ? LightGreen : isBlock ? Grey5 : White}; color: ${({ isActive, isBetween, isBlock }) => isActive ? White : isBetween ? Black : isBlock ? White : Black}; - width: 6rem; + width: 18%; + margin: 3.5%; font-size: 1.4rem; height: 3.4rem; justify-content: center;