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