fix: Dashboard Example 카드 높이 조정 및 vite.svg 참조 제거

Seungwoo321 · claude · Seungwoo321 · commit a67509c491e4 · 2025-06-24T09:34:16.000+09:00
- Dashboard Example의 Total Revenue 카드 높이를 h:2에서 h:3으로 증가 - 모든 브레이크포인트(lg, md, sm, xs, xxs)에 적용 - '+20.1% from last month' 텍스트가 카드 영역 밖으로 나가는 문제 해결 - 후속 아이템들의 y 위치 조정 (stats 높이 증가에 따른 레이아웃 재배치) - docs/index.html에서 존재하지 않는 vite.svg favicon 참조 제거 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/docs/index.html b/docs/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <meta name="description" content="A modern grid layout system built with Tailwind CSS and full mobile touch support" />
     <meta name="keywords" content="react, grid, layout, tailwind, css, mobile, touch, responsive" />
diff --git a/examples/showcase/index.tsx b/examples/showcase/index.tsx
@@ -21,39 +21,39 @@ export function ShowcaseExample() {
   // Responsive Dashboard Example
   const [dashboardLayouts, setDashboardLayouts] = useState<BreakpointLayouts>({
     lg: [
-      { id: 'stats', x: 0, y: 0, w: 3, h: 2 },
+      { id: 'stats', x: 0, y: 0, w: 3, h: 3 },
       { id: 'chart', x: 3, y: 0, w: 6, h: 4 },
       { id: 'recent', x: 9, y: 0, w: 3, h: 4 },
-      { id: 'table', x: 0, y: 2, w: 3, h: 4 },
+      { id: 'table', x: 0, y: 3, w: 3, h: 3 },
       { id: 'timeline', x: 3, y: 4, w: 9, h: 3 },
     ],
     md: [
-      { id: 'stats', x: 0, y: 0, w: 5, h: 2 },
+      { id: 'stats', x: 0, y: 0, w: 5, h: 3 },
       { id: 'chart', x: 5, y: 0, w: 5, h: 4 },
       { id: 'recent', x: 0, y: 4, w: 5, h: 3 },
       { id: 'table', x: 5, y: 4, w: 5, h: 3 },
       { id: 'timeline', x: 0, y: 7, w: 10, h: 3 },
     ],
     sm: [
-      { id: 'stats', x: 0, y: 0, w: 6, h: 2 },
-      { id: 'chart', x: 0, y: 2, w: 6, h: 4 },
-      { id: 'recent', x: 0, y: 6, w: 6, h: 3 },
-      { id: 'table', x: 0, y: 9, w: 6, h: 3 },
-      { id: 'timeline', x: 0, y: 12, w: 6, h: 3 },
+      { id: 'stats', x: 0, y: 0, w: 6, h: 3 },
+      { id: 'chart', x: 0, y: 3, w: 6, h: 4 },
+      { id: 'recent', x: 0, y: 7, w: 6, h: 3 },
+      { id: 'table', x: 0, y: 10, w: 6, h: 3 },
+      { id: 'timeline', x: 0, y: 13, w: 6, h: 3 },
     ],
     xs: [
-      { id: 'stats', x: 0, y: 0, w: 4, h: 2 },
-      { id: 'chart', x: 0, y: 2, w: 4, h: 4 },
-      { id: 'recent', x: 0, y: 6, w: 4, h: 3 },
-      { id: 'table', x: 0, y: 9, w: 4, h: 3 },
-      { id: 'timeline', x: 0, y: 12, w: 4, h: 3 },
+      { id: 'stats', x: 0, y: 0, w: 4, h: 3 },
+      { id: 'chart', x: 0, y: 3, w: 4, h: 4 },
+      { id: 'recent', x: 0, y: 7, w: 4, h: 3 },
+      { id: 'table', x: 0, y: 10, w: 4, h: 3 },
+      { id: 'timeline', x: 0, y: 13, w: 4, h: 3 },
     ],
     xxs: [
-      { id: 'stats', x: 0, y: 0, w: 2, h: 2 },
-      { id: 'chart', x: 0, y: 2, w: 2, h: 4 },
-      { id: 'recent', x: 0, y: 6, w: 2, h: 3 },
-      { id: 'table', x: 0, y: 9, w: 2, h: 3 },
-      { id: 'timeline', x: 0, y: 12, w: 2, h: 3 },
+      { id: 'stats', x: 0, y: 0, w: 2, h: 3 },
+      { id: 'chart', x: 0, y: 3, w: 2, h: 4 },
+      { id: 'recent', x: 0, y: 7, w: 2, h: 3 },
+      { id: 'table', x: 0, y: 10, w: 2, h: 3 },
+      { id: 'timeline', x: 0, y: 13, w: 2, h: 3 },
     ],
   })
 
