From dd5474f5003730b623f4ce918e72250df8c98099 Mon Sep 17 00:00:00 2001
From: wxj <wxj@qx002575.com>
Date: Tue, 30 Jun 2026 10:19:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20Token=20=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=B6=8B=E5=8A=BF=E6=97=A5=E6=9C=9F=E6=A0=87=E7=AD=BE=E4=B8=8E?=
 =?UTF-8?q?=E8=BF=B7=E4=BD=A0=E5=9B=BE=E5=AF=B9=E9=BD=90=EF=BC=9A=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=E5=9D=87=E5=8C=80=E5=88=86=E5=B8=83=E5=8C=B9=E9=85=8D?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/bun.lock                                |  5 +++-
 web/src/components/dashboard/BentoTrend.jsx | 31 ++++++++++-----------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/web/bun.lock b/web/bun.lock
index 28c4834..c6ff206 100644
--- a/web/bun.lock
+++ b/web/bun.lock
@@ -6,6 +6,7 @@
       "name": "react-template",
       "dependencies": {
         "@douyinfe/semi-icons": "^2.63.1",
+        "@douyinfe/semi-illustrations": "^2.100.0",
         "@douyinfe/semi-ui": "^2.69.1",
         "@lobehub/icons": "^2.0.0",
         "@visactor/react-vchart": "~1.8.8",
@@ -171,7 +172,7 @@
 
     "@douyinfe/semi-icons": ["@douyinfe/semi-icons@2.94.0", "https://registry.npmmirror.com/@douyinfe/semi-icons/-/semi-icons-2.94.0.tgz", { "dependencies": { "classnames": "^2.2.6" }, "peerDependencies": { "react": ">=16.0.0" } }, "sha512-Hn6Bm8umITAxw5xZlslrFXf+UBUWU5OD9YSNDN46H+OKnZFwbnYV628DBWSewBrvCItxUGMXHnLal4h1ZIb6qQ=="],
 
-    "@douyinfe/semi-illustrations": ["@douyinfe/semi-illustrations@2.94.0", "https://registry.npmmirror.com/@douyinfe/semi-illustrations/-/semi-illustrations-2.94.0.tgz", { "peerDependencies": { "react": ">=16.0.0" } }, "sha512-nXi4bysh4GsO/DxoNUmCd5NlRYeYZb7pqXcGZFj+PpxbPoG7Qn4jqhrUUFrJNppvven9nS0SgabDAHnT3o+jaQ=="],
+    "@douyinfe/semi-illustrations": ["@douyinfe/semi-illustrations@2.100.0", "", { "peerDependencies": { "react": ">=16.0.0" } }, "sha512-SN7plpE328WGBohLHOVpYe6FwWSO6RLS7Xf6LhqEdtarwK52ircr4C/b+OyRqIwcLOzRYMgIoqcWnAQGmowcUw=="],
 
     "@douyinfe/semi-json-viewer-core": ["@douyinfe/semi-json-viewer-core@2.94.0", "https://registry.npmmirror.com/@douyinfe/semi-json-viewer-core/-/semi-json-viewer-core-2.94.0.tgz", { "dependencies": { "jsonc-parser": "^3.3.1" } }, "sha512-pi4+Oi2zvsc0S3smWz58RNbfB73NgfO68fntKsVbLV1lTwNFuDxSswT8n8SXDZhtKoYgPVMmE3eMTc2nkXnvng=="],
 
@@ -2261,6 +2262,8 @@
 
     "@ant-design/cssinjs-utils/@ant-design/cssinjs": ["@ant-design/cssinjs@1.24.0", "https://registry.npmmirror.com/@ant-design/cssinjs/-/cssinjs-1.24.0.tgz", { "dependencies": { "@babel/runtime": "^7.11.1", "@emotion/hash": "^0.8.0", "@emotion/unitless": "^0.7.5", "classnames": "^2.3.1", "csstype": "^3.1.3", "rc-util": "^5.35.0", "stylis": "^4.3.4" }, "peerDependencies": { "react": ">=16.0.0", "react-dom": ">=16.0.0" } }, "sha512-K4cYrJBsgvL+IoozUXYjbT6LHHNt+19a9zkvpBPxLjFHas1UpPM2A5MlhROb0BT8N8WoavM5VsP9MeSeNK/3mg=="],
 
+    "@douyinfe/semi-ui/@douyinfe/semi-illustrations": ["@douyinfe/semi-illustrations@2.94.0", "https://registry.npmmirror.com/@douyinfe/semi-illustrations/-/semi-illustrations-2.94.0.tgz", { "peerDependencies": { "react": ">=16.0.0" } }, "sha512-nXi4bysh4GsO/DxoNUmCd5NlRYeYZb7pqXcGZFj+PpxbPoG7Qn4jqhrUUFrJNppvven9nS0SgabDAHnT3o+jaQ=="],
+
     "@emotion/babel-plugin/@emotion/hash": ["@emotion/hash@0.9.2", "https://registry.npmmirror.com/@emotion/hash/-/hash-0.9.2.tgz", {}, "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g=="],
 
     "@emotion/babel-plugin/convert-source-map": ["convert-source-map@1.9.0", "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-1.9.0.tgz", {}, "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="],
diff --git a/web/src/components/dashboard/BentoTrend.jsx b/web/src/components/dashboard/BentoTrend.jsx
index 2c23088..2b2609d 100644
--- a/web/src/components/dashboard/BentoTrend.jsx
+++ b/web/src/components/dashboard/BentoTrend.jsx
@@ -76,26 +76,25 @@ const BentoTrend = ({
       </div>
 
       <div className='flex items-center justify-between text-[11px]'>
-        <div className='flex items-center gap-1 tabular-nums'>
+        <div className='flex w-full items-center justify-between tabular-nums'>
           {dailyStats.map((d, i) => {
             const isPeak = d.count === peak && peak > 0;
             return (
-            <span
-              key={i}
-              className={`w-8 text-center text-xs ${
-                isPeak
-                  ? 'font-semibold text-slate-900 dark:text-white'
-                  : 'text-slate-500 dark:text-white/50'
-              }`}
-              title={`${d.date.getMonth() + 1}月${d.date.getDate()}日 ${d.count} 次`}
-            >
-              {formatMD(d.date)}
-            </span>
-          );
-        })}
+              <span
+                key={i}
+                className={`text-center text-xs ${
+                  isPeak
+                    ? 'font-semibold text-slate-900 dark:text-white'
+                    : 'text-slate-500 dark:text-white/50'
+                }`}
+                title={`${d.date.getMonth() + 1}月${d.date.getDate()}日 ${d.count} 次`}
+              >
+                {formatMD(d.date)}
+              </span>
+            );
+          })}
         </div>
-        </div>
-        <div className='text-slate-500 tabular-nums dark:text-white/50'>
+        <div className='ml-4 shrink-0 text-slate-500 tabular-nums dark:text-white/50'>
           峰值{' '}
           <span className='font-semibold text-slate-900 dark:text-white'>{peak}</span> 次
         </div>