feat(ui): 카드 그라디언트 헤어라인 + 앰비언트 글로우 (레퍼런스 #5)
- glass.borderGradient: 좌상단 발광→우하단 소멸 1px 링 (mask exclude 기법 — 반투명 글래스 표면에서도 정확) - glow.card/cardHover: 블루 앰비언트 상단 글로우 + 깊이 그림자 결합 - sheen 재정의: 좌상단 라디얼 앰비언트 + 수직 시인 레이어 - 6개 테마 전부 액센트색 파생, MetalCard/InstrumentPanel/MuiCard 적용
This commit is contained in:
parent
082ed2ef02
commit
e0a1864e60
4 changed files with 102 additions and 23 deletions
|
|
@ -18,6 +18,10 @@
|
|||
- **StatusBar**: 브랜드+버전+모델 / 로컬 시간 시계
|
||||
- 검증: tsc 0, vitest 41/41, 실행 스크린샷으로 대시보드/히스토리/대화/회의/지식/설정 전 페이지 확인. 스크롤 시 폭 불변 확인. 상단 1px 잡티는 detached DevTools 겹침(앱 버그 아님)
|
||||
|
||||
### 카드 글로우 고도화 (사용자 레퍼런스 #5)
|
||||
- `glass.borderGradient`(좌상단 발광→우하단 소멸 그라디언트 헤어라인, mask 링 기법 ::after) + `glow.card/cardHover`(블루 앰비언트+깊이 그림자) + `sheen` 재정의(라디얼 앰비언트+수직 시인 레이어) — 6개 테마 전부 액센트 파생
|
||||
- 적용: MetalCard, InstrumentPanel, MuiCard 오버라이드. 반투명 표면에서도 정확한 1px 그라디언트 링 (padding-box 기법 대신 mask exclude 사용 — 반투명 배경 투과 문제 회피)
|
||||
|
||||
### 마감 완료 (워크플로 8 에이전트 병렬)
|
||||
1. ✅ @mui/icons-material → lucide-react 전환 (23파일, 잔여 0 — 의존성 제거는 추후)
|
||||
2. ✅ Vanilla 팝업 5종 CSS v2 정합 (글래스 네이비 + 블루 액센트, var(--) 주입 구조 유지)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue