refactor: 태블릿 이하 사이즈에서 남은 비율에 맞춰 영역을 차지하도록 max-height 재설정

sprint-team3 · Apr 1, 2024 · 99a1392 · 99a1392
1 parent 710f9a1
commit 99a1392
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/calendar/ModalContents/ModalContents.module.scss b/src/components/calendar/ModalContents/ModalContents.module.scss
@@ -1,3 +1,5 @@
+$area-outside-of-card: 41.9rem;
+
 .schedule-modal {
   &-container {
     @include column-flexbox(start, stretch, 1.6rem);
@@ -39,6 +41,11 @@
     &-card {
       @include column-flexbox(start, stretch, 0.8rem);
 
+      @include responsive(T) {
+        flex-grow: 1;
+        max-height: calc(100vh - $area-outside-of-card);
+      }
+
       overflow-y: auto;
       max-height: 23.2rem;