style(app-hub): 헤더 톤과 프로필 등급 배지 배치를 정리
맥락: - /app 헤더가 시작 카드 톤과 달라 시각 흐름이 끊기고, 멤버십 등급이 프로필 트리거 내부에 있어 위계가 어색했다. 변경사항: - AppTopBar를 Start Ritual 카드와 같은 라이트 톤(bg-white/78, text-brand-dark)으로 맞췄다. - 멤버십 등급을 독립 뷰로 분리하기 위해 entities/user에 MembershipTierBadge 컴포넌트를 추가했다. - ProfileMenu 트리거에서 등급 배지를 제거하고, 아바타+이름만 남겨 정보 위계를 단순화했다. - docs/session_brief.md, docs/90_current_state.md에 최신 상태를 반영했다. 검증: - npx tsc --noEmit 세션-상태: /app 헤더와 프로필 영역의 톤/위계 정렬을 완료했다. 세션-다음: RoomSheet 인원수 기반 UI를 큐레이션형 정보로 치환할지 확정이 필요하다. 세션-리스크: 밝은 사진 배경과 라이트 헤더 조합에서 상단 경계 인지가 약해질 수 있다.
This commit is contained in:
@@ -76,6 +76,10 @@ Last Updated: 2026-02-28
|
||||
- 프로필 트리거의 이름 왼쪽에 멤버십 등급(`PRO`/`NORMAL`/`TEAM`) 배지 노출
|
||||
- 공간 카드 높이를 고정해 카드 사진 사이즈를 통일
|
||||
- 배경 사진 전환 시 resize처럼 보이던 `transition-all` 제거
|
||||
- `/app` 헤더/프로필 시각 위계 재정렬:
|
||||
- 헤더 배경/보더/텍스트를 Start Ritual 카드와 동일한 라이트 톤(`bg-white/78`, `text-brand-dark`)으로 통일
|
||||
- 멤버십 등급 뱃지를 프로필 드롭다운 트리거 외부로 분리해, 프로필 왼쪽 독립 뷰로 배치
|
||||
- 프로필 드롭다운 트리거는 아바타+이름만 유지하도록 단순화
|
||||
- 몰입 모드 ON 시 `/space` 크롬 정리:
|
||||
- 상단 `Current Room` 블록 숨김
|
||||
- 우상단 허브 버튼 소형 아이콘화
|
||||
@@ -114,7 +118,7 @@ Last Updated: 2026-02-28
|
||||
- 단색 팔레트가 일부 기기 색감에서 유사하게 보일 수 있어 실제 디스플레이 기준 재점검 필요
|
||||
- 외부 이미지 URL(임시) 의존이라 소스 만료/속도 이슈 가능성이 있어 자가 호스팅 전환 필요
|
||||
- 전체 배경 블러 강도 증가로 저사양 환경에서 GPU 부담이 늘 수 있어 실기기 체감 점검 필요
|
||||
- 헤더 배경 제거로 밝은 사진 구간에서 상단 텍스트 대비가 낮아질 수 있어 대비 점검 필요
|
||||
- 밝은 배경 사진과 라이트 헤더 조합에서 상단 경계 인지가 약해질 수 있어 대비 점검 필요
|
||||
|
||||
## CHANGED FILES
|
||||
|
||||
@@ -136,6 +140,7 @@ Last Updated: 2026-02-28
|
||||
- `src/widgets/app-top-bar/ui/AppTopBar.tsx`
|
||||
- `src/entities/user/model/types.ts`
|
||||
- `src/entities/user/model/mockUser.ts`
|
||||
- `src/entities/user/ui/MembershipTierBadge.tsx`
|
||||
- `src/features/profile-menu/ui/ProfileMenu.tsx`
|
||||
- `src/features/restart-30s/index.ts`
|
||||
- `src/features/restart-30s/model/useRestart30s.ts`
|
||||
@@ -199,5 +204,5 @@ Last Updated: 2026-02-28
|
||||
9. `/app`: 오늘의 공간 카드가 룸별 단색으로 표시되고, 허브 배경도 선택 카드 색으로 동기화됨
|
||||
10. `/app`: 오늘의 공간 카드가 실제 사진으로 표시되고, room 데이터에 Google 검색 링크/자가 이미지 전환 필드가 포함됨
|
||||
11. `/app`: 첫 진입 시 첫 카드가 선택된 상태로 보이며, 배경도 해당 카드 사진 블러로 시작됨
|
||||
12. `/app`: 헤더 배경/로고 원형 배지가 제거되고, 프로필 이름 왼쪽에 등급 배지가 표시됨
|
||||
12. `/app`: 헤더가 시작 카드와 같은 라이트 톤으로 표시되고, 등급 배지가 프로필 왼쪽 독립 뷰로 노출됨
|
||||
13. `/app`: 공간 카드가 동일 높이로 맞춰지고 카드 전환 시 배경 resize 느낌이 완화됨
|
||||
|
||||
Reference in New Issue
Block a user