[Chore/#33] Login Input 간격 수정

9oormthon-univ · Sep 4, 2024 · 7b6e9f6 · 7b6e9f6
1 parent dff9c6b
commit 7b6e9f6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/signUp/SignUpCard.tsx b/src/components/signUp/SignUpCard.tsx
@@ -47,8 +47,11 @@ export default function SignUpCard() {
     <div className={styles.signUpCardContainer}>
       <img src={Logo} className={styles.logo} alt="구름톤 유니브 로고" />
       <div className={styles.loginContainer}>
-        <Input value={email} bsSize="xl" placeholder="이메일" onChange={handleEmailChange} />
-        <Input type="password" value={password} bsSize="xl" placeholder="비밀번호" onChange={handlePasswordChange} />
+        <div className={styles.inputContainer}>
+          <Input value={email} bsSize="xl" placeholder="이메일" onChange={handleEmailChange} />
+          <Input type="password" value={password} bsSize="xl" placeholder="비밀번호" onChange={handlePasswordChange} />
+        </div>
+
         <Button size="xl" onClick={handleLogin}>
           로그인
         </Button>

diff --git a/src/components/signUp/signUpCard.module.scss b/src/components/signUp/signUpCard.module.scss
@@ -33,6 +33,12 @@
   width: 19.3rem;
 }
 
+.inputContainer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-100);
+}
+
 .logo {
   width: 16rem;
   margin-bottom: var(--space-600);