cda7e7bbfe
ResizeObserver로 실제 컨테이너 픽셀 크기를 감지하여 숫자·라벨·단위 폰트 크기를 동적으로 계산한다. 기존 고정 @container Tailwind 브레이크포인트 방식 대체. - 숫자: 컨테이너 높이의 42~62% (표시 요소 수에 따라 조정) - 너비 기준 35% 캡으로 가로로 매우 넓은 셀도 적절히 제한 - 라벨: 높이의 13%, 단위: 숫자의 40%, 추세: 높이의 9% - valueFontSize(xs/sm/base/lg/xl)는 전체 배율로 계속 동작 |
||
|---|---|---|
| .. | ||
| ChartItem.tsx | ||
| GaugeItem.tsx | ||
| KpiCard.tsx | ||
| StatCard.tsx | ||