From fcb80a0b6b173a2dd5f8b744d49fe37e51c96dba Mon Sep 17 00:00:00 2001 From: Jeongmin Woo Date: Mon, 10 Oct 2022 20:07:13 +0900 Subject: [PATCH] refactor: change preview modal style Refs: https://github.com/woowacourse/service-apply/pull/649#pullrequestreview-1131582347 --- .../ApplicationPreviewModal.module.css | 6 +++--- .../ApplicationPreviewModal/ApplicationPreviewModal.tsx | 7 ++++--- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.module.css b/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.module.css index 3d881559d..554105c4c 100644 --- a/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.module.css +++ b/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.module.css @@ -57,12 +57,12 @@ } .button-box { - width: 100%; display: flex; - justify-content: space-between; + justify-content: center; gap: 1rem; } .button { - width: 100%; + width: 12rem; + max-width: 100%; } diff --git a/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.tsx b/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.tsx index 39b6afd7e..40a96059f 100644 --- a/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.tsx +++ b/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.tsx @@ -5,6 +5,7 @@ import styles from "./ApplicationPreviewModal.module.css"; import CheckBox from "../form/CheckBox/CheckBox"; import { RecruitmentItem } from "../../../types/domains/recruitments"; import { Answer, ApplicationForm } from "../../../types/domains/applicationForms"; +import CancelButton from "../form/CancelButton/CancelButton"; type ApplicationPreviewModalWindowProps = { recruitmentItems: RecruitmentItem[]; @@ -80,9 +81,9 @@ const ApplicationPreviewModal = ({