🐛 : #483 - 모바일 화면 깨짐 수정 (#484)

New-Barams · Feb 28, 2024 · c810b37 · c810b37
1 parent fbbec7c
commit c810b37
Showing 1 changed file with 18 additions and 17 deletions.
diff --git a/src/components/ModalVerification/index.scss b/src/components/ModalVerification/index.scss
@@ -38,32 +38,33 @@
       display: flex;
       flex-direction: column;
       gap: 2rem;
+      &--input {
+        width: 10px;
+        border-radius: var(--border-radius);
+        outline: none;
+        border: 2px solid var(--origin-secondary);
+        padding: 0.5rem 1rem;
+        box-shadow: var(--origin-shadow);
+        flex-grow: 1;
+        flex-shrink: 1;
+
+        &:focus {
+          border-color: var(--origin-orange-300);
+        }
+      }
       &--button {
         flex-shrink: 0;
+        & .button {
+          padding: 0.5rem 1rem;
+        }
       }
 
       &--item {
         display: flex;
         gap: 0.5rem;
         align-items: center;
-        & button {
-          padding: 0.5rem 1rem;
-        }
-
-        & > input {
-          border-radius: var(--border-radius);
-          outline: none;
-          border: 2px solid var(--origin-secondary);
-          padding: 0.5rem 1rem;
-          box-shadow: var(--origin-shadow);
+        width: 100%;
 
-          &:focus {
-            border-color: var(--origin-orange-300);
-          }
-        }
-        & > input:first-child {
-          flex-grow: 1;
-        }
         &--message {
           overflow: visible;
           flex-basis: 0;