From 681f55ed802e92bad2b8398e3f1da4908398aa5d Mon Sep 17 00:00:00 2001 From: Rulu <79538610+hafnium1923@users.noreply.github.com> Date: Mon, 11 Mar 2024 21:44:27 +0900 Subject: [PATCH] =?UTF-8?q?[FE]=20=ED=8C=80=EB=B0=94=ED=8C=80=20=EC=A0=84?= =?UTF-8?q?=EB=B0=98=EC=A0=81=EC=9D=B8=20=EB=AA=A8=EB=8B=AC=20=EC=82=AC?= =?UTF-8?q?=EC=9D=B4=EC=A6=88=20=EC=A1=B0=EC=A0=95=20(#937)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * refactor: 일정 등록 모달 사이즈 수정 * refactor: 일정 수정 모달 사이즈 수정 * refactor: 하루 전체 일정 조회 모달 사이즈 수정 * refactor: 일정 내보내기 모달 사이즈 수정 * refactor: scheduleModal 스토리북 수정 * refactor: 일정 조회 모달 사이즈 수정 * refactor: 팀 링크 모달 사이즈 수정 * refactor: 팀 정보 모달 사이즈 수정 * refactor: 팀 탈퇴 모달 사이즈 수정 * refactor: 모달 버튼 너비 수정 * refactor: 모달 위치 수정 및 리뷰반영 --- .../link/LinkAddModal/LinkAddModal.styled.ts | 26 ++++++++------ .../link/LinkAddModal/LinkAddModal.tsx | 4 +-- .../TeamExitModal/TeamExitModal.styled.ts | 28 +++++++++------ .../TeamPlaceInfoModal.styled.ts | 6 ++-- .../DailyScheduleModal.styled.ts | 6 ++-- .../DailyScheduleModal/DailyScheduleModal.tsx | 8 ++--- .../ICalendarModal/ICalendarModal.styled.ts | 18 +++++++--- .../ICalendarModal/ICalendarModal.tsx | 2 +- .../ScheduleAddModal.styled.ts | 34 ++++++++++++------- .../ScheduleAddModal/ScheduleAddModal.tsx | 12 ++++--- .../ScheduleEditModal.styled.ts | 34 ++++++++++++------- .../ScheduleEditModal/ScheduleEditModal.tsx | 12 ++++--- .../ScheduleModal/ScheduleModal.stories.tsx | 15 ++------ .../ScheduleModal/ScheduleModal.styled.ts | 28 ++++++++------- .../ScheduleModal/ScheduleModal.tsx | 2 +- .../TimeTableMenu/TimeTableMenu.styled.ts | 2 +- 16 files changed, 136 insertions(+), 101 deletions(-) diff --git a/frontend/src/components/link/LinkAddModal/LinkAddModal.styled.ts b/frontend/src/components/link/LinkAddModal/LinkAddModal.styled.ts index fc2ab4a9a..159e98d10 100644 --- a/frontend/src/components/link/LinkAddModal/LinkAddModal.styled.ts +++ b/frontend/src/components/link/LinkAddModal/LinkAddModal.styled.ts @@ -40,9 +40,8 @@ export const Container = styled.div<{ `; return css` - width: 496px; - min-height: 320px; - padding: 20px 30px; + width: 400px; + padding: 18px 22px; `; }} @@ -66,7 +65,7 @@ export const IconWrapper = styled.div` justify-content: flex-end; width: 100%; - height: 38px; + height: 34px; margin-bottom: 22px; border-bottom: ${({ theme }) => `1px solid ${theme.color.GRAY300}`}; @@ -75,7 +74,7 @@ export const IconWrapper = styled.div` export const InputContainer = styled.div` display: flex; flex-direction: column; - gap: 10px; + gap: 8px; `; export const ControlButtonWrapper = styled.div` @@ -83,17 +82,24 @@ export const ControlButtonWrapper = styled.div` justify-content: flex-end; width: 100%; - height: 40px; + height: 38px; `; export const submitButton = css` - width: 90px; + width: 80px; + padding: 0; `; export const closeButton = css` - width: 22px; - height: 38px; + width: 28px; + height: 28px; padding: 0; + margin-bottom: 4px; + + svg { + width: 28px; + height: 28px; + } `; export const title = css` @@ -103,5 +109,5 @@ export const title = css` border-radius: 10px; background-color: ${({ theme }) => theme.color.GRAY200}; - font-size: 17px; + font-size: 18px; `; diff --git a/frontend/src/components/link/LinkAddModal/LinkAddModal.tsx b/frontend/src/components/link/LinkAddModal/LinkAddModal.tsx index ea077534a..451e836c2 100644 --- a/frontend/src/components/link/LinkAddModal/LinkAddModal.tsx +++ b/frontend/src/components/link/LinkAddModal/LinkAddModal.tsx @@ -47,7 +47,7 @@ const LinkAddModal = (props: LinkAddModalProps) => {