디자인 관련 이슈 - 사이드 메뉴, 헤더, 테이블

[junyeong22]

📝 이슈 요약

페이지 구성하면서 컴포넌트들을 가져다 쓰고 있는데, 몇가지 디자인 이슈가 발생합니다.

사이드 메뉴

• background color - 해당 영역에 background color를 따로 지정하지 않으면 문제가 없지만, 혹시 모르니 고정으로 색을 지정해주는 것도 괜찮을 것 같습니다.
• 'DashBoard' 문구 - 태블릿 기기부터 넓어질 때 해당 문구가 두줄로 나뉘어 나타납니다. S.DashBoardWrapper의 style에서 gap을 없애면 문제가 해결됩니다. justify-content: space-between 만으로도 올바른 스타일이 적용되어요.

테이블

• 테이블 : border 라인

대시보드 헤더

• 대시보드 이름 위치가 피그마와 다릅니다.
• border-bottom 속성을 주셔도 좋을 것 같습니다.

카드

• border radius 추가

✅ 체크 리스트

• 사이드 메뉴 컨테이너에 background color를 하얀색으로 지정해야 할 것 같습니다.
• 사이드 메뉴 DashBoardWrapper의 스타일(gap)을 변경해주세요.
• 대시보드 헤더의 대시보드 이름의 위치를 피그마와 동일하게 수정해주세요. #47
• 대시보드 헤더의 border-bottom: 1px solid var(--gray300);을 추가해주세요.
• 테이블 border line을 제거해주세요.
• 카드 이미지 border radius 추가