🎨 design(#171): 내 대시보드 고정된 디자인 수정

[wjsdncl]

연관된 이슈

• 🐛 Bug: 디자인 수정사항 #171
• close 🎨 Design: HTML head 설정 (타이틀, 프리뷰 등) #162

작업 내용

고정되어있던 내 대시보드 내용을 늘어나게 만들었습니다

• 반응형 수정

스크린샷

코멘트 및 논의 사항

일단 최대 크기로 해뒀는데 제한을 두는게 더 나을까요?
키우다 보니까 디자인이 이상해지는 부분이 좀 있는거 같아서 이상한 부분 말씀해주시면 수정해보겠습니다! 🫡

방금 올리고 다시 이슈가서 보니까 모바일만 수정해달라고 하셨더라구요 ㅋㅋㅋ 태블릿, PC 크기 고정으로 다시 변경 할까요?

추가로 공간이 늘어나면서 자리가 남는데도 마우스 올렸을때 자동 스크롤 되길래 뺐습니다
이걸 처리하려면 ref사용해야한다고해서 li생기는거 전부 ref로 찾아가는건 아닌거 같아서 일단 빼뒀습니다

[un0211]

저는 max-width 주고 100%로 했었는데 (PC는 확실히 정해진 크기가 있어서), 어떤 게 예쁠지 모르겠네요..
이전에 고정이었던 게 더 나은 것 같기도 하고..! 다른 분들 어떻게 생각하시는지 봐서 정할까요?!

[wjsdncl]

저는 max-width 주고 100%로 했었는데 (PC는 확실히 정해진 크기가 있어서), 어떤 게 예쁠지 모르겠네요.. 이전에 고정이었던 게 더 나은 것 같기도 하고..! 다른 분들 어떻게 생각하시는지 봐서 정할까요?!

저도 pc는 고정하는데 좋다고 생각해요 태블릿 부터는 기기 사이즈가 다 달라서 반응형이 더 좋은거 같아요 🤔

[wjsdncl]

가로 최대 크기 조정 해뒀습니다!
pc는 테일윈드로 정의해둔 사이즈로 해뒀고
mobile은 350으로 해뒀습니다 🫡

[wjsdncl]

추가로 여기에 HTML HEAD도 넣어서 올렸습니다

[wayandway]

반응형 디자인 좋습니다!! 구현하시기 빡세셨겠네요....😱👍

저도 데탑에서만 고정, 태블릿 이하에서는 반응형으로 하는게 좋다고 생각해요!

[un0211]

아직 푸시 안하신거죠???
헤더 타이틀까지 해주시다니 수고하셨습니다!!

[wjsdncl]

아직 푸시 안하신거죠??? 헤더 타이틀까지 해주시다니 수고하셨습니다!!

아 푸시를 안했네요 ㅋㅋㅋ;;;

[wjsdncl]

HTML 프리뷰도 추가는 했는데 확인을 못해서 지금 머지하고 나중에 확인하고 문제있으면 수정하겠습니다

[un0211]

배포 잘 완료 되면 말씀드릴게요~~