style(app-hub): 허브 배경 밝기와 카드 가시성을 함께 보정
맥락: - /app 허브에서 배경 이미지가 전면에 강하게 드러나 전체 인상이 어둡고, 룸별 배경 복잡도에 따라 카드 가독성이 흔들릴 수 있었다. - 밝은 톤 전환과 동시에 카드 정보 표면을 안정화해 저자극 톤을 유지할 필요가 있었다. 변경사항: - AppHub 배경에 blur + 밝기/채도 필터를 적용하고, 밝은 워시 오버레이로 명도를 상향했다. - 전역 그레인 강도를 낮춰 시각적 노이즈를 줄였다. - RoomPreviewCard 배경 마스크를 재조정하고, 내부 콘텐츠 영역에 반투명 패널을 추가해 텍스트 대비를 고정했다. - RoomPreviewCard 내 메타 텍스트/칩의 대비를 상향해 복잡한 배경에서도 읽기 쉬운 상태로 보정했다. - GlassCard의 표면 불투명도와 그림자를 조정해 /app 전반의 무게감을 완화했다. - 세션 문서(90_current_state, session_brief)에 이번 패치 내역과 잔여 리스크를 반영했다. 검증: - npx tsc --noEmit 세션-상태: /app 배경 밝기와 카드 가시성 안정화 패치 반영 완료 세션-다음: RoomSheet/도크 패널의 인원수 기반 표현을 분위기형 정보로 전환 세션-리스크: 배경 blur/filter 적용으로 저사양 환경에서 렌더링 비용이 소폭 증가할 수 있음
This commit is contained in:
@@ -15,8 +15,8 @@ export const GlassCard = ({
|
||||
<div
|
||||
{...props}
|
||||
className={cn(
|
||||
'rounded-2xl border border-white/20 bg-slate-950/35 backdrop-blur-xl',
|
||||
elevated && 'shadow-[0_24px_60px_rgba(15,23,42,0.42)]',
|
||||
'rounded-2xl border border-white/24 bg-slate-900/28 backdrop-blur-xl',
|
||||
elevated && 'shadow-[0_20px_56px_rgba(15,23,42,0.3)]',
|
||||
className,
|
||||
)}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user