From 118af9dd9ac868283b2f37a1932231c7d8d5c7ab Mon Sep 17 00:00:00 2001
From: thzxx <thzxx@users.noreply.gitee.com>
Date: Thu, 23 Apr 2026 17:22:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Token=E8=B6=8B=E5=8A=BF=E5=9B=BE?=
 =?UTF-8?q?=E6=9F=B1=E5=AD=90=E4=B8=8D=E6=98=BE=E7=A4=BA=20=E2=80=94=20?=
 =?UTF-8?q?=E6=9F=B1=E5=AD=90=E5=AE=B9=E5=99=A8=E9=AB=98=E5=BA=A6=E5=A1=8C?=
 =?UTF-8?q?=E7=BC=A9=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/token-dashboard.ts |  8 +++++---
 src/renderer/styles/style.css              | 10 ++++++++++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/token-dashboard.ts b/src/renderer/components/token-dashboard.ts
index 3eeab32..1bbf5f5 100644
--- a/src/renderer/components/token-dashboard.ts
+++ b/src/renderer/components/token-dashboard.ts
@@ -152,9 +152,11 @@ function renderDashboard(): void {
             <span class="td-val-output">${formatTokenCount(r.eval_count)}</span>
             <span class="td-val-input">${formatTokenCount(r.prompt_eval_count)}</span>
           </div>
-          <div class="td-bar" style="height:${heightPct}%;">
-            <div class="td-bar-fill">
-              <div class="td-bar-input" style="height:${inputPct}%;"></div>
+          <div class="td-bar-wrapper">
+            <div class="td-bar" style="height:${heightPct}%;">
+              <div class="td-bar-fill">
+                <div class="td-bar-input" style="height:${inputPct}%;"></div>
+              </div>
             </div>
           </div>
           <div class="td-bar-label">R${r.round}</div>
diff --git a/src/renderer/styles/style.css b/src/renderer/styles/style.css
index 674f56a..52c5f2c 100644
--- a/src/renderer/styles/style.css
+++ b/src/renderer/styles/style.css
@@ -3579,6 +3579,7 @@ html, body {
     display: flex;
     align-items: flex-end;
     gap: 6px;
+    height: 180px;
     border-left: 1px solid var(--border-subtle);
     border-bottom: 1px solid var(--border-subtle);
     padding: 0 8px 0 4px;
@@ -3592,6 +3593,7 @@ html, body {
     flex: 1;
     min-width: 36px;
     max-width: 60px;
+    height: 100%;
     cursor: default;
 }
 
@@ -3604,6 +3606,7 @@ html, body {
     font-size: 9px;
     font-family: var(--font-mono);
     white-space: nowrap;
+    flex-shrink: 0;
 }
 
 .td-val-output {
@@ -3614,6 +3617,13 @@ html, body {
     color: #9B7ED8;
 }
 
+.td-bar-wrapper {
+    flex: 1;
+    width: 100%;
+    display: flex;
+    align-items: flex-end;
+}
+
 .td-bar {
     width: 100%;
     border-radius: 4px 4px 0 0;