refactor: input 크기 조정

BCSDLab · Jul 9, 2024 · 90f836b · 90f836b
1 parent 60ff32a
commit 90f836b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/src/page/Auth/FindPassword/ChangePassword/index.tsx b/src/page/Auth/FindPassword/ChangePassword/index.tsx
@@ -30,7 +30,7 @@ export default function ChangePassword() {
       <section className={styles.section}>
         <div className={styles.title}>새 비밀번호</div>
         <input
-          className={styles.input}
+          className={styles['password-input']}
           type="password"
           placeholder="새 비밀번호를 입력해주세요."
           {...register('password', {
@@ -62,7 +62,7 @@ export default function ChangePassword() {
       <section className={styles.section}>
         <div className={styles.title}>새 비밀번호 확인</div>
         <input
-          className={styles.input}
+          className={styles['password-input']}
           type="password"
           placeholder="새 비밀번호를 다시 입력해주세요."
           {...register('passwordCheck', {

diff --git a/src/page/Auth/FindPassword/index.module.scss b/src/page/Auth/FindPassword/index.module.scss
@@ -26,23 +26,25 @@
   height: 50px;
   padding: 2px 10px;
   box-sizing: border-box;
+  width: 55%;
+}
 
-  &--verify {
-    background-color: #f5f5f5;
-    border-radius: 4px;
-    border: none;
-    height: 50px;
-    padding: 2px 10px;
-    box-sizing: border-box;
-    width: 55%;
-  }
+.password-input {
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  border: none;
+  height: 50px;
+  padding: 2px 10px;
+  box-sizing: border-box;
+  width: 100%;
 }
 
 .button {
   background-color: #eeeeee;
   border-radius: 4px;
   height: 50px;
   width: 40%;
+  cursor: pointer;
 
   &--active {
     background-color: #175c8e;