From 721643cce46eec0bab9802a0a8ab90ca52726927 Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Wed, 5 Nov 2025 15:38:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=80=E5=8C=96TabPage=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=9A=E4=BD=BF=E7=94=A8tab-spacer?=
 =?UTF-8?q?=E5=85=83=E7=B4=A0=E5=8D=A0=E6=8D=AE=E4=B8=AD=E9=97=B4=E7=A9=BA?=
 =?UTF-8?q?=E9=97=B4=EF=BC=8C=E5=AE=9E=E7=8E=B0=E6=A0=87=E9=A2=98=E9=9D=A0?=
 =?UTF-8?q?=E5=B7=A6=E6=98=BE=E7=A4=BA=E3=80=81=E5=85=B3=E9=97=AD=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E9=9D=A0=E5=8F=B3=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Robot/Web/src/DockLayout/TabPage.vue      | 45 +++++++------------
 1 file changed, 17 insertions(+), 28 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
index 05cbf7c..21d0d67 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
@@ -8,23 +8,18 @@
         :class="['tab-item', { 'active': activeTabIndex === index }]"
         @click="setActiveTab(index)"
       >
-        <div class="flex items-center justify-between w-full">
-          <div class="tab-title-container">
-            <span class="tab-title-text">{{ panel.title }}</span>
-          </div>
-          <div class="tab-buttons-container">
-            <button 
-              class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
-              @click.stop="closeTab(panel.id)"
-              aria-label="关闭"
-            >
-              <svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
-                <line x1="2" y1="2" x2="9" y2="9" stroke="#e6efff" stroke-width="1" />
-                <line x1="2" y1="9" x2="9" y2="2" stroke="#e6efff" stroke-width="1" />
-              </svg>
-            </button>
-          </div>
-        </div>
+        <span class="tab-title">{{ panel.title }}</span>
+        <span class="tab-spacer"></span>
+        <button 
+          class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
+          @click.stop="closeTab(panel.id)"
+          aria-label="关闭"
+        >
+          <svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
+            <line x1="2" y1="2" x2="9" y2="9" stroke="#e6efff" stroke-width="1" />
+            <line x1="2" y1="9" x2="9" y2="2" stroke="#e6efff" stroke-width="1" />
+          </svg>
+        </button>
       </div>
       <div class="tab-placeholder"></div>
     </div>
@@ -121,24 +116,18 @@ const closeTab = (tabId) => {
   width: fit-content;
 }
 
-.tab-title-container {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  margin-right: 8px;
-}
-
-.tab-title-text {
+.tab-title {
   text-align: left;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-right: 8px;
 }
 
-.tab-buttons-container {
-  display: flex;
-  align-items: center;
+.tab-spacer {
+  flex: 1;
+  min-width: 0;
 }
 
 .tab-item.active {