fix(pop-dashboard): 아이템/모드 레이아웃 수정 및 게이지 설정 버그 수정

설정 패널 버그 수정 (PopDashboardConfig):
- gaugeConfig 스프레드 순서 수정: min/max/target 값이 기존값에 덮어씌워지는 문제 해결
- 스프레드를 먼저 적용 후 변경 필드를 뒤에 배치하여 올바르게 반영

아이템 레이아웃 개선:
- KpiCard/StatCard: items-center justify-center 추가로 셀 내 중앙 정렬
- GaugeItem: SVG를 flex-1 영역에서 반응형 렌더링 (h-full w-auto)
- GaugeItem: preserveAspectRatio로 비율 유지, 라벨/목표값 shrink-0

모드 레이아웃 개선:
- ArrowsMode: 아이템이 전체 영역 사용, 화살표/인디케이터를 overlay로 변경
- ArrowsMode: 화살표 크기 축소 (h-11 -> h-8), backdrop-blur 추가
- AutoSlideMode: 슬라이드 컨테이너를 absolute inset-0으로 전체 영역 활용
- AutoSlideMode: 인디케이터를 하단 overlay로 변경

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
SeongHyun Kim
2026-02-10 17:18:00 +09:00
parent 7a71fc6ca7
commit bd7bf69a99
6 changed files with 53 additions and 54 deletions

View File

@@ -37,7 +37,7 @@ export function StatCardComponent({ item, categoryData }: StatCardProps) {
const total = Object.values(categoryData).reduce((sum, v) => sum + v, 0);
return (
<div className="@container flex h-full w-full flex-col p-3">
<div className="@container flex h-full w-full flex-col items-center justify-center p-3">
{/* 라벨 */}
{visibility.showLabel && (
<p className="mb-1 text-xs text-muted-foreground @[250px]:text-sm">