diff --git a/src/lib/components/admin/AnalyticsPanel.svelte b/src/lib/components/admin/AnalyticsPanel.svelte index 80b0d00..09be29b 100644 --- a/src/lib/components/admin/AnalyticsPanel.svelte +++ b/src/lib/components/admin/AnalyticsPanel.svelte @@ -429,7 +429,7 @@ .dashboard-grid { display: grid; - grid-template-columns: 5fr 4fr; /* 调整比例,给右边 2x2 网格留足空间 */ + grid-template-columns: 7fr 3fr; /* 增加图表宽度,缩小右侧网格 */ gap: 0; border: 2px solid var(--text-color, #000); background: transparent; @@ -450,13 +450,13 @@ .canvas-wrapper { position: relative; flex: 1; - min-height: 250px; /* 图表不再过高 */ + min-height: 250px; width: 100%; } .core-metrics { display: grid; - grid-template-columns: 1fr 1fr; /* 2x2 网格 */ + grid-template-columns: 1fr 1fr; border-left: 2px solid var(--text-color, #000); } @@ -468,12 +468,12 @@ } .metric-item { - padding: 24px 20px; + padding: 20px 16px; /* 减小内边距,适应更窄的宽度 */ display: flex; flex-direction: column; gap: 6px; justify-content: center; - min-width: 0; /* 防止内容撑破网格 */ + min-width: 0; } /* 为 2x2 网格绘制内部边框 */