From 58c81ef9a374449906714ae10c70ab8569c64519 Mon Sep 17 00:00:00 2001
From: chenxi-20 <2465950588@qq.com>
Date: Sun, 27 Oct 2024 20:50:41 -0700
Subject: [PATCH] =?UTF-8?q?fix(tabs):=20[tabs]=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E9=A1=B5=E7=AD=BE=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE=E6=82=AC?=
 =?UTF-8?q?=E6=B5=AE=E9=97=AE=E9=A2=98=E5=92=8Cbuttoncard=E4=B8=8B?=
 =?UTF-8?q?=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=20(#2425)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/theme/src/tabs/index.less | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/packages/theme/src/tabs/index.less b/packages/theme/src/tabs/index.less
index e22a703b65..62c6e4a892 100644
--- a/packages/theme/src/tabs/index.less
+++ b/packages/theme/src/tabs/index.less
@@ -255,8 +255,8 @@
 
       .@{tabs-prefix-cls}__icon-close {
         display: inline-flex;
-        width: 14px;
-        height: 14px;
+        width: var(--tv-Tabs-icon-size-close);
+        height: var(--tv-Tabs-icon-size-close);
         justify-content: center;
         align-items: center;
       }
@@ -588,6 +588,17 @@
       line-height: var(--tv-Tabs-button-card-item-height);
       border: 1px solid transparent;
 
+      .@{tabs-prefix-cls} {
+        &__icon-close {
+          margin-left: -20px;
+          margin-right: 24px;
+        }
+
+        &__item-separator {
+          left: 1px;
+        }
+      }
+
       &.is-disabled {
         color: var(--tv-Tabs-item-disabled-text-color);
 
@@ -634,11 +645,7 @@
           display: inline-flex;
           justify-content: center;
           align-items: center;
-          width: var(--tv-Tabs-icon-size-close);
-          height: var(--tv-Tabs-icon-size-close);
-          line-height: var(--tv-Tabs-icon-size-close);
           vertical-align: middle;
-          overflow: hidden;
           transform-origin: 100% 50%;
         }
       }
@@ -1223,8 +1230,8 @@
     height: 16px;
   }
 
-  &&--top &--button-card &__item:last-child &__item-separator,
-  &&--top &--button-card &__item.is-active &__item-separator {
+  &&--button-card &__item:last-child &__item-separator,
+  &&--button-card &__item.is-active &__item-separator {
     display: none;
   }