From 3a631a8efb36dbf189f7806da63ab68c44192008 Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Wed, 5 Nov 2025 12:24:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B9=E6=8D=AEToDoList=E8=A6=81=E6=B1=82?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9TabPage=E7=BB=84=E4=BB=B6=EF=BC=9A1.=20?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E9=BB=98=E8=AE=A4=E5=AE=BD=E5=BA=A6300px?=
 =?UTF-8?q?=E5=92=8C=E9=AB=98=E5=BA=A6250px=EF=BC=9B2.=20=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E7=9B=B8=E5=AF=B9=E7=88=B6=E5=AE=B9=E5=99=A8=E6=B0=B4?=
 =?UTF-8?q?=E5=B9=B3=E5=92=8C=E5=9E=82=E7=9B=B4=E5=B1=85=E4=B8=AD=EF=BC=9B?=
 =?UTF-8?q?3.=20=E8=AE=BE=E7=BD=AE=E8=83=8C=E6=99=AF=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E4=B8=BA#5D6B99=EF=BC=9B4.=20=E8=B0=83=E6=95=B4=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E6=A0=8F=E4=B8=BA=E8=93=9D=E8=89=B2=E6=B8=90=E5=8F=98?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=EF=BC=9B5.=20=E7=A1=AE=E4=BF=9D=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E5=8C=BA=E5=9F=9F=E4=B8=BA=E7=99=BD=E8=89=B2=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Windows/Robot/Web/src/DockLayout/TabPage.vue    | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
index 2f8804c..86a325b 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
@@ -60,13 +60,17 @@ const closeTab = (tabId) => {
 .tab-page {
   display: flex;
   flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background: #ffffff;
+  width: 300px;
+  height: 250px;
+  background: #5D6B99;
   border: 1px solid #c7d2ea;
   border-radius: 0;
   overflow: hidden;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
 }
 
 :root {
@@ -79,7 +83,7 @@ const closeTab = (tabId) => {
   display: flex;
   flex-wrap: nowrap;
   height: 28px;
-  background: #f0f0f0;
+  background: linear-gradient(to bottom, var(--vs-blue-top), var(--vs-blue-bottom));
   border-bottom: none;
   overflow-x: auto;
   overflow-y: hidden;
@@ -153,6 +157,7 @@ const closeTab = (tabId) => {
   overflow: hidden;
   border-top: 1px solid #c7d2ea;
   margin-top: -1px;
+  background: #ffffff;
 }
 
 .tab-panel {