로그인 팝업 완성!

로그인 팝업을 완성했다. UI는 pinterest에서 이것저것 둘러보고 괜찮은 것들을 조합해서 만들었다.

 

만들면서 팝업 상단에 보이는 아이콘과 버튼에 들어가는 폰트 사이즈를 반응형으로 조절하고 싶었는데

그게 좀 어려웠다. 그래서 calc속성으로 그나마 제일 알맞게 설정해주었다.

UI는 나름 만족스럽게 나온 것 같다.

 

id/pw찾기는 로그인 실패시 띄우려고 했는데 마음이 변하면 회원가입이랑 로그인 버튼 사이에 넣으면 될 것 같다.

 

회원가입 팝업은 현재 내용이 사라지고 박스가 작아졌다가 회원가입이 가능한 form을 담은 창이 열리는

인터렉션을 구현하고 싶은데 열심히 고민해봐야겠다.

오늘도 빡코딩 끝!

sign in Pop-Up