From c8da97fa7c9c58b90a0dd93022c7298811d1865f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=94=A1=E5=8F=8A?= <522caiji@gmail.com> Date: Sat, 29 Aug 2026 15:36:58 +0800 Subject: [PATCH] fix: make the Overview traffic chart taller The area/line plot was h-40, which made the series hard to read. Raise it to h-72 and match the overview skeleton. --- CHANGELOG.md | 4 ++++ frontend/src/components/overview/TrafficChart.tsx | 10 +++++----- frontend/src/components/ui/PageSkeletons.tsx | 2 +- .../assets/{index-BW20kHE0.js => index-D0zQGztl.js} | 2 +- .../assets/{index-D6oYhPff.css => index-Dh4GNv7V.css} | 2 +- internal/webui/static/index.html | 4 ++-- 6 files changed, 14 insertions(+), 10 deletions(-) rename internal/webui/static/assets/{index-BW20kHE0.js => index-D0zQGztl.js} (96%) rename internal/webui/static/assets/{index-D6oYhPff.css => index-Dh4GNv7V.css} (89%) diff --git a/CHANGELOG.md b/CHANGELOG.md index 54ce9fcd..645a1309 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,8 +7,12 @@ Write each change in both `### English` and `### 中文` under `## Unreleased`. ### English +- Make the Overview traffic chart taller so the area/line plot is readable + ### 中文 +- 加高概览流量图,面积折线更容易看清 + ## 0.2.18 - 2026-08-29 ### English diff --git a/frontend/src/components/overview/TrafficChart.tsx b/frontend/src/components/overview/TrafficChart.tsx index 0bd765d0..a20bd4e4 100644 --- a/frontend/src/components/overview/TrafficChart.tsx +++ b/frontend/src/components/overview/TrafficChart.tsx @@ -3,9 +3,9 @@ import gsap from 'gsap' import type { RequestStatsPoint } from '@/api/logs' import { formatCompact } from '@/lib/format' -const WIDTH = 640 -const HEIGHT = 168 -const PAD = { top: 12, right: 8, bottom: 24, left: 36 } +const WIDTH = 720 +const HEIGHT = 280 +const PAD = { top: 16, right: 12, bottom: 28, left: 40 } function hourLabel(value: string, daily: boolean, lang: 'en' | 'zh') { const date = new Date(value) @@ -123,7 +123,7 @@ export function TrafficChart({ if (!series.length || !hasTraffic) { return ( -