From 3eff2830b50054ef1376bd373e8d0c36aaa4a56c Mon Sep 17 00:00:00 2001
From: lzt404 <2596933790@qq.com>
Date: Tue, 15 Sep 2026 02:37:22 +0800
Subject: [PATCH] fix(usage): thin 24h trend axis labels

---
 src/pages/UsageRecordsPage.tsx | 2 +-
 src/styles.css                 | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/pages/UsageRecordsPage.tsx b/src/pages/UsageRecordsPage.tsx
index 2e1dd28..df7822a 100644
--- a/src/pages/UsageRecordsPage.tsx
+++ b/src/pages/UsageRecordsPage.tsx
@@ -1032,7 +1032,7 @@ function UsageTrend({
 
     const labelIndexes = selectTrendAxisLabels(
       count,
-      series.bucket === '30m' ? count : count > 48 ? 9 : count > 24 ? 8 : 7,
+      count > 48 ? 5 : count > 24 ? 6 : 7,
     );
     const compactSameDay =
       count > 1 &&
diff --git a/src/styles.css b/src/styles.css
index 2b0ec0a..ea755d1 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -8174,7 +8174,7 @@ textarea:focus-visible {
   min-height: 0;
   height: 100%;
   grid-template-columns: 36px minmax(0, 1fr);
-  grid-template-rows: minmax(140px, 1fr) 28px;
+  grid-template-rows: minmax(140px, 1fr) 18px;
   column-gap: 8px;
   row-gap: 4px;
 }
@@ -8259,7 +8259,7 @@ textarea:focus-visible {
   position: relative;
   grid-column: 2;
   grid-row: 2;
-  height: 28px;
+  height: 18px;
 }
 
 .usage-trend-x-axis span {
@@ -8283,9 +8283,6 @@ textarea:focus-visible {
   transform: translateX(-100%);
 }
 
-.usage-trend-x-axis span:nth-child(even) {
-  top: 14px;
-}
 
 .usage-trend-tooltip {
   position: absolute;