design: Input 스타일링

codeit-bootcamp-frontend · May 14, 2024 · 7cf73e8 · 7cf73e8
1 parent 7cb41b4
commit 7cf73e8
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/shared/@common/ui/input/Input.module.scss b/src/shared/@common/ui/input/Input.module.scss
@@ -25,9 +25,9 @@
     align-items: center;
     border: 0.0625rem solid #79747e;
     border-radius: 0.5rem;
+    overflow: hidden;
     width: 100%;
     height: 50px;
-    gap: 0.25rem;
 
     &:focus-within {
       border-color: #5097fa;
@@ -41,6 +41,7 @@
   .inputContainer {
     display: block;
     width: 100%;
+    height: 100%;
     position: relative;
   }
 
@@ -50,6 +51,8 @@
     border: none;
     outline: none;
     width: 100%;
+    height: 100%;
+    padding-left: 0.5rem;
     padding-right: 2rem;
 
     -webkit-appearance: none;
@@ -60,7 +63,7 @@
   .visibleToggler {
     position: absolute;
     right: 0.5rem;
-    bottom: 0;
+    bottom: 0.75rem;
   }
 
   .message {