fix: 다음 버튼이 이용약관을 가리는 현상 수정

BCSDLab · Jul 8, 2024 · 00011e9 · 00011e9
1 parent c717e6c
commit 00011e9
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 4 deletions.
diff --git a/src/page/Auth/Signup/components/agreeStep/agreeStep.module.scss b/src/page/Auth/Signup/components/agreeStep/agreeStep.module.scss
@@ -1,7 +1,18 @@
+@use "src/utils/styles/mediaQuery" as media;
+
 .id-input {
   font-size: 12px;
 }
 
+.step-one {
+  height: 100%;
+  overflow: scroll;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
 .agree-all {
   border-radius: 5px;
   background: #f5f5f5;
@@ -26,6 +37,12 @@
 
 .personal {
   margin-top: 4px;
+  height: 28vh;
+
+  @include media.media-breakpoint-down(mobile) {
+    height: 30vh;
+  }
+
 
   &__button {
     display: flex;
@@ -41,12 +58,17 @@
     border: 1px dashed #d2dae2;
     padding: 12px;
     height: 20vh;
-    overflow: scroll;
+    overflow-y: scroll;
   }
 }
 
 .koin {
   margin-top: 4px;
+  height: 28vh;
+
+  @include media.media-breakpoint-down(mobile) {
+    height: 30vh;
+  }
 
   &__button {
     display: flex;
@@ -61,7 +83,6 @@
     margin-top: 5px;
     border: 1px dashed #d2dae2;
     padding: 12px;
-    height: 20vh;
-    overflow: scroll;
+    overflow-y: scroll;
   }
 }
diff --git a/src/page/Auth/components/Common/index.module.scss b/src/page/Auth/components/Common/index.module.scss
@@ -64,7 +64,14 @@
 }
 
 .content {
-  height: calc(100vh - 40vh);
+  height: calc(100vh - 35vh);
+  box-sizing: border-box;
+  padding: 5px 0px;
+  overflow: scroll;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
 
   @include media.media-breakpoint-down(mobile) {
     height: calc(100vh - 28vh);