refactor: change preview modal style

Refs: #649 (review)
woowacourse · Oct 10, 2022 · fcb80a0 · fcb80a0
1 parent 0f3fee4
commit fcb80a0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git 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
@@ -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 = ({
       <div className={styles["button-box"]}>
         <Button
           type="button"
-          variant={BUTTON_VARIANT.CONTAINED}
+          variant={BUTTON_VARIANT.OUTLINED}
           className={styles.button}
-          cancel={true}
+          cancel={false}
           onClick={handleClickDismissButton}
         >
           취소
@@ -95,7 +96,7 @@ const ApplicationPreviewModal = ({
           onClick={handleClickConfirmButton}
           disabled={!isChecked}
         >
-          제출
+          최종 제출
         </Button>
       </div>
     </div>