Skip to content

Commit e477756

Browse files
authored
refactor: 로그인 페이지 입력창 스타일 수정 (#96)
- box-sizing 설정 - 입력 박스 padding 추가
1 parent 5f886f7 commit e477756

File tree

3 files changed

+6
-1
lines changed

3 files changed

+6
-1
lines changed

src/components/LoginForm/FormInput.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ const InputWrap = styled.input`
2424
height: 4rem;
2525
width: 38rem;
2626
font-size: 1.9rem;
27+
padding: 0 1rem;
2728
`;
2829

2930
export default FormInput;

src/pages/index/Login.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@ function Login() {
120120
<ListItem>
121121
수집된 개인정보는{' '}
122122
<Highlight>매일 자정에 자동으로 서버에서 삭제</Highlight>됩니다.
123-
만약 자정 전에 정보를 삭제하고 싶으신 경우,
123+
만약 자정 전에 정보를 삭제하고 싶으신 경우,{' '}
124124
<Highlight onClick={() => navigate('/delete')}>
125125
https://tutorial-sejong.com/delete
126126
</Highlight>{' '}

src/styles/GlobalStyle.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,10 @@ const GlobalStyle = createGlobalStyle`
1515
-moz-appearance: textfield;
1616
}
1717
18+
*{
19+
box-sizing: border-box;
20+
}
21+
1822
html {
1923
font-size: 62.5%;
2024
}

0 commit comments

Comments
 (0)