From 6569737c21a079b627bbeb287ce9dc2e7a011f39 Mon Sep 17 00:00:00 2001
From: CheeseB <2489ckckck@naver.com>
Date: Thu, 28 Mar 2024 23:55:06 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=AA=A8=EB=8B=AC=EC=B0=BD=20=ED=99=95?=
 =?UTF-8?q?=EC=9D=B8=EB=B2=84=ED=8A=BC=20=ED=83=9C=EB=B8=94=EB=A6=BF=20?=
 =?UTF-8?q?=EC=9D=B4=ED=95=98=EC=97=90=EC=84=9C=20=EB=B0=94=EB=8B=A5?=
 =?UTF-8?q?=EC=97=90=20=EB=B6=99=EA=B2=8C=EB=81=94=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ModalContents/ModalContents.module.scss   |  9 ++++++++
 .../commons/modals/CommonModal.module.scss    | 22 ++++++++++++-------
 2 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/components/calendar/ModalContents/ModalContents.module.scss b/src/components/calendar/ModalContents/ModalContents.module.scss
index c8d2ed70..7e82a232 100644
--- a/src/components/calendar/ModalContents/ModalContents.module.scss
+++ b/src/components/calendar/ModalContents/ModalContents.module.scss
@@ -1,6 +1,11 @@
 .schedule-modal {
   &-container {
     @include column-flexbox(start, stretch, 1.6rem);
+
+    @include responsive(T) {
+      justify-content: space-between;
+      height: 100%;
+    }
   }
 
   &-date {
@@ -18,6 +23,10 @@
   &-reservation {
     @include column-flexbox(start, stretch, 0.8rem);
 
+    @include responsive(T) {
+      flex-grow: 1;
+    }
+
     &-title {
       @include flexbox(start, center, 0.4rem);
       @include text-style(16, $white, bold);
diff --git a/src/components/commons/modals/CommonModal.module.scss b/src/components/commons/modals/CommonModal.module.scss
index b274d389..4652852b 100644
--- a/src/components/commons/modals/CommonModal.module.scss
+++ b/src/components/commons/modals/CommonModal.module.scss
@@ -81,18 +81,24 @@
       &::after {
         display: none;
       }
-    }
 
-    .modal-mobile-nav {
-      width: 100%;
-      height: 5.6rem;
-      border-bottom: 0.1rem solid $opacity-white-10;
-    }
+      .modal-inner {
+        height: 100%;
+      }
 
-    .modal-header-title {
-      @include responsive(T) {
+      .modal-mobile-nav {
+        width: 100%;
+        height: 5.6rem;
+        border-bottom: 0.1rem solid $opacity-white-10;
+      }
+
+      .modal-header-title {
         padding-top: 2.4rem;
       }
+
+      .modal-content {
+        height: 100%;
+      }
     }
   }