search

INtiful / SootheWithMe

같이 달램
https://soothe-with-me.vercel.app/
0 stars 0 forks source link

feat: 공통 컴포넌트 gnb 컴포넌트 UI 작성 #26

Closed hakyoung12 closed 3 weeks ago

hakyoung12 commented 3 weeks ago

✏️ 작업 내용

📷 스크린샷

스크린샷 2024-09-06 오후 4 16 39
PC사이즈
스크린샷 2024-09-06 오후 4 22 17
태블릿사이즈
스크린샷 2024-09-06 오후 4 21 45
모바일사이즈
스크린샷 2024-09-06 오후 4 24 46
로그아웃상태 레이아웃
스크린샷 2024-09-06 오후 4 23 48
모임찾기 활성화시(예시)
스크린샷 2024-09-06 오후 4 25 41
프로필 드롭다운

✍️ 사용법

//UserStatus.tsx
const user = {
  name: 'test name',
}; // 이부분을 null로 바꿔 로그아웃시 레이아웃을 볼 수 있습니다.

layout.tsx에서 사용될 UI입니다.

🎸 기타