💄 letter-remind 페이지 상세 UI 개발

[KimGaeun0806]

📎 이슈번호

📃 변경사항

• 글자들 크기, 색상 변경
• 페이지 backgroud와 컴포넌트 색상 변경
• 헤더 햄버거아이콘 추가
• 완료된 투두는 투명도 50 주도록 변경

📌 중점적으로 볼 부분

• 변경된 색상

🎇 스크린샷

• 피그마

  

• 개발한 것

  

💫 기타사항

• theme에 없는 색상들이 있어서 비슷해보이는 색상을 대신 넣었습니다.
• 체크박스 개발이 안되어서 그부분은 아직 비워두었습니다.
• 전에 말씀해주신 것처럼 한 파일 안에 코드가 너무 많이 들어가지 않도록.. 하면 좋을 것 같은데 일단은 급해서 그쪽은 크게 신경쓰지 못하고 있습니다 ㅜㅜ
• 편집하기 부분은 아직 확정이 안된 것 같아서 추가하지 않았습니다

✔ 체크리스트

• [x] 브랜치 전략에 맞는 브랜치에 PR을 올리고 있습니다. (master/main이 아닙니다.)
• [x] 커밋 메세지를 컨벤션에 맞추었습니다.
• [x] 변경 후 코드는 컴파일러/브라우저 warning/error 가 발생시키지 않습니다.
• [x] 변경 후 코드는 기존의 테스트를 통과합니다.
• [x] 테스트 추가가 필요한지 검토해보았고, 필요한 경우 테스트를 추가했습니다.
• [x] docs 수정이 필요한지 검토해보았고, 필요한 경우 docs를 수정했습니다.