20260723173317

code/fms/fms-vue/src/layouts/components/AppTabs.vue

@@ -175,7 +175,7 @@ function toggleMaximize() {
           <ArrowLeft />
         </button>
       </a-tooltip>
-      <span class="tab-action__divider" />
+
       <a-tooltip title="刷新当前页" placement="bottom">
         <button
           type="button"
@@ -186,7 +186,7 @@ function toggleMaximize() {
           <RotateCw />
         </button>
       </a-tooltip>
-      <span class="tab-action__divider" />
+
       <a-tooltip title="返回控制台" placement="bottom">
         <button
           type="button"
@@ -357,7 +357,7 @@ function toggleMaximize() {
 .tab-nav-button {
   display: grid;
   flex: none;
-  width: 26px;
+  width: 28px;
   height: 28px;
   padding: 0;
   place-items: center;
@@ -386,23 +386,21 @@ function toggleMaximize() {
 .tab-actions {
   display: flex;
   flex: none;
-  height: 28px;
   align-items: center;
-  border: 1px solid var(--fms-border);
-  border-radius: 6px;
-  background: var(--fms-surface);
-  overflow: hidden;
+  gap: 4px;
 }
 
 .tab-action {
   display: grid;
-  width: 30px;
-  height: 100%;
+  flex: none;
+  width: 28px;
+  height: 28px;
   padding: 0;
   place-items: center;
   border: 0;
-  background: transparent;
+  border-radius: 4px;
   color: var(--fms-text-secondary);
+  background: var(--tabs-idle-bg);
   cursor: pointer;
   transition:
     color 0.15s ease,
@@ -414,19 +412,8 @@ function toggleMaximize() {
   }
 
   .lucide {
-    width: 15px;
-    height: 15px;
+    width: 14px;
+    height: 14px;
   }
 }
-
-.tab-action__divider {
-  flex: none;
-  width: 1px;
-  height: 16px;
-  background: var(--fms-border);
-}
-
-.tab-maximize {
-  margin-left: 2px;
-}
 </style>