반응형
1. 모달 Height 반응형 적용 및 디자인 통일
프로젝트 내 모달 디자인을 통일하고, vw/vh를 사용하도록 수정하였다.
2. 스켈레톤 UI 디자인 수정
기본 컴포넌트와 최대한 비슷한 느낌이 들도록 수정하였다. 살짝 맞지 않던 간격도 바꿔주었다. 훨씬 보기 좋아졌다. 반응형도 적용되도록 vw,vh를 사용하였다.
수정 전)
수정 후)
리팩토링은 계속 된다!!
반응형
'프로젝트 > 나무(나누고 나눔받는 무한 지식 품앗이)' 카테고리의 다른 글
| [회고] 프론트엔드 2인 팀 프로젝트 '나무' 회고 (0) | 2023.07.30 |
|---|---|
| [React] 로딩 스피너에서 스켈레톤 UI로 리팩토링 (0) | 2023.07.30 |
| [React] React tooltip 간단하게 적용하기(hover 시 부가 설명) (0) | 2023.07.26 |
| [React & React-Query] 가만히 있어도 데이터 실시간 업데이트 되도록 하기 (0) | 2023.07.26 |
| [React & Recoil] a태그로 인한 새로 고침 + 새로 고침 시 리코일 전역 데이터 날라가는 현상 (0) | 2023.07.25 |
