From 18f5af31dbda7a6bc6a316c91779b2aa9513509e Mon Sep 17 00:00:00 2001
From: Seok93 <gkdltjr@naver.com>
Date: Mon, 5 Aug 2024 14:26:08 +0900
Subject: [PATCH] =?UTF-8?q?UI:=20#63=20=EB=AA=A8=EB=8B=AC=20=EB=A0=88?=
 =?UTF-8?q?=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/modal/ModaFormButton.tsx                   | 2 +-
 .../modal/project-status/CreateModalProjectStatus.tsx     | 6 ++----
 .../modal/project-status/UpdateModalProjectStatus.tsx     | 6 ++----
 src/components/modal/task/CreateModalTask.tsx             | 7 ++-----
 src/components/modal/task/UpdateModalTask.tsx             | 8 +++-----
 src/layouts/ModalLayout.tsx                               | 2 +-
 6 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/src/components/modal/ModaFormButton.tsx b/src/components/modal/ModaFormButton.tsx
index 6a0807ad..2d26d560 100644
--- a/src/components/modal/ModaFormButton.tsx
+++ b/src/components/modal/ModaFormButton.tsx
@@ -6,7 +6,7 @@ type ModalFormButtonProps = {
 
 export default function ModaFormButton({ formId, isCreate, onClose }: ModalFormButtonProps) {
   return (
-    <div className="h-20">
+    <div className="min-h-20">
       <button type="submit" form={formId} className="mr-10 h-full rounded-md bg-main px-10 text-white">
         {isCreate ? '등록' : '수정'}
       </button>
diff --git a/src/components/modal/project-status/CreateModalProjectStatus.tsx b/src/components/modal/project-status/CreateModalProjectStatus.tsx
index aea32a96..24c7bafa 100644
--- a/src/components/modal/project-status/CreateModalProjectStatus.tsx
+++ b/src/components/modal/project-status/CreateModalProjectStatus.tsx
@@ -19,10 +19,8 @@ export default function CreateModalProjectStatus({ onClose: handleClose }: Creat
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <div className="flex h-full flex-col items-center justify-center">
-          <ModalProjectStatusForm formId="createStatusForm" onSubmit={handleSubmit} />
-          <ModaFormButton formId="createStatusForm" isCreate onClose={handleClose} />
-        </div>
+        <ModalProjectStatusForm formId="createStatusForm" onSubmit={handleSubmit} />
+        <ModaFormButton formId="createStatusForm" isCreate onClose={handleClose} />
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/components/modal/project-status/UpdateModalProjectStatus.tsx b/src/components/modal/project-status/UpdateModalProjectStatus.tsx
index ae0a1256..73cfb753 100644
--- a/src/components/modal/project-status/UpdateModalProjectStatus.tsx
+++ b/src/components/modal/project-status/UpdateModalProjectStatus.tsx
@@ -21,10 +21,8 @@ export default function UpdateModalProjectStatus({ statusId, onClose: handleClos
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <div className="flex h-full flex-col items-center justify-center">
-          <ModalProjectStatusForm formId="updateStatusForm" statusId={statusId} onSubmit={handleSubmit} />
-          <ModaFormButton formId="updateStatusForm" isCreate={false} onClose={handleClose} />
-        </div>
+        <ModalProjectStatusForm formId="updateStatusForm" statusId={statusId} onSubmit={handleSubmit} />
+        <ModaFormButton formId="updateStatusForm" isCreate={false} onClose={handleClose} />
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/components/modal/task/CreateModalTask.tsx b/src/components/modal/task/CreateModalTask.tsx
index ad29c6be..b98cc8a8 100644
--- a/src/components/modal/task/CreateModalTask.tsx
+++ b/src/components/modal/task/CreateModalTask.tsx
@@ -19,11 +19,8 @@ export default function CreateModalTask({ onClose: handleClose }: CreateModalTas
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <div className="flex h-full flex-col items-center justify-center">
-          {/* ToDo: Task 생성 모달 작성시 수정할 것 */}
-          <ModalTaskForm formId="updateTaskForm" onSubmit={handleSubmit} />
-          <ModaFormButton formId="updateTaskForm" isCreate={false} onClose={handleClose} />
-        </div>
+        <ModalTaskForm formId="createTaskForm" onSubmit={handleSubmit} />
+        <ModaFormButton formId="createTaskForm" isCreate onClose={handleClose} />
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/components/modal/task/UpdateModalTask.tsx b/src/components/modal/task/UpdateModalTask.tsx
index 120f9863..1052a11f 100644
--- a/src/components/modal/task/UpdateModalTask.tsx
+++ b/src/components/modal/task/UpdateModalTask.tsx
@@ -20,11 +20,9 @@ export default function UpdateModalTask({ taskId, onClose: handleClose }: Update
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <div className="flex h-full flex-col items-center justify-center">
-          {/* ToDo: Task 수정 모달 작성시 수정할 것 */}
-          <ModalTaskForm formId="updateTaskForm" taskId={taskId} onSubmit={handleSubmit} />
-          <ModaFormButton formId="updateTaskForm" isCreate={false} onClose={handleClose} />
-        </div>
+        {/* ToDo: Task 수정 모달 작성시 수정할 것 */}
+        <ModalTaskForm formId="updateTaskForm" taskId={taskId} onSubmit={handleSubmit} />
+        <ModaFormButton formId="updateTaskForm" isCreate={false} onClose={handleClose} />
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/layouts/ModalLayout.tsx b/src/layouts/ModalLayout.tsx
index 358fc139..334c5677 100644
--- a/src/layouts/ModalLayout.tsx
+++ b/src/layouts/ModalLayout.tsx
@@ -20,7 +20,7 @@ export default function ModalLayout({ onClose, children }: ModalLayoutProps) {
       className="absolute bottom-0 left-0 right-0 top-0 z-20 flex items-center justify-center bg-black/50"
       tabIndex={-1}
     >
-      <div className="h-4/5 max-h-375 min-w-375 overflow-auto bg-white p-20">{children}</div>
+      <div className="flex h-4/5 max-h-375 min-w-375 flex-col items-center overflow-auto bg-white p-20">{children}</div>
     </div>
   );
 }