Initial Commit
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
# 로그인 입력 영역이 창 위쪽에 치우침
|
||||
|
||||
## 증상
|
||||
|
||||
로그인 창을 열면 이메일·비번 입력 영역이 가로로만 가운데 정렬되고 세로로는 위쪽에 붙어 보였음.
|
||||
|
||||
## 원인
|
||||
|
||||
`LoginPage`가 `mx-auto`와 `py-12`만 사용해서 세로 가운데 정렬 기준이 없었음. 공통 `Layout`의 `main`도 flex 자식이 남은 높이를 채울 수 없는 구조였음.
|
||||
|
||||
## 수정
|
||||
|
||||
- 공통 `main`을 세로 flex 컨테이너로 바꿈
|
||||
- 로그인 페이지 바깥 영역이 남은 높이를 채우고 `items-center justify-center`로 입력 영역을 가운데 배치함
|
||||
- 가운데 정렬 class를 확인하는 회귀 테스트를 추가함
|
||||
|
||||
## 확인
|
||||
|
||||
- `npm run lint` 통과 (기존 warning 9개)
|
||||
- 전체 테스트 269개 통과
|
||||
- production build 통과
|
||||
Reference in New Issue
Block a user