design:메인 페이지 input 높이 수정

LikeLion-KNU · Aug 28, 2024 · 4476341 · 4476341
1 parent 1be845d
commit 4476341
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/pages/HomePage.style.ts b/src/pages/HomePage.style.ts
@@ -3,7 +3,6 @@ import styled from "@emotion/styled";
 export const HomePageWrapper = styled.div`
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
     align-items: center; 
     width: 100%;
     height: 100vh;
@@ -58,6 +57,6 @@ export const Footer = styled.div`
 
 export const MenuContainer = styled.div`
     display:flex;
-    justify-content: flex-end;
-    align-items: flex-end;
+    justify-content: center;
+    align-items: center;
 `
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
@@ -42,8 +42,8 @@ export default function HomePage() {
 
             <Main>
                 <InputContainer>
-                    <Input variants = "primary" width="242px" height = "55px" placeholder='이름을 입력하세용' ref = {name}/>
-                    <Input variants = "primary" width="242px" height = "55px" placeholder='학과를 입력하세용' ref = {major} />
+                    <Input variants = "primary" width="242px" height = "30px" placeholder='이름을 입력하세용' ref = {name}/>
+                    <Input variants = "primary" width="242px" height = "30px" placeholder='학과를 입력하세용' ref = {major} />
                     <Text size = "xs" color = '#6E6E6E'>개인정보는 외부에 공유되지 않으니 안심하세용</Text>
                 </InputContainer>