Merge pull request #932 from oceanbase/dengfuping-dev

improve(design): large and small Tabs tab padding
oceanbase · Jan 14, 2025 · 395b6dc · 395b6dc
2 parents ab16fb0 + 5d3fc0a
commit 395b6dc
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/packages/design/src/tabs/style/index.ts b/packages/design/src/tabs/style/index.ts
@@ -54,6 +54,22 @@ export const genTagStyle: GenerateStyle<TabsToken | CardToken> = (
         borderRadius: '1px',
       },
     },
+    [`${componentCls}:not(${componentCls}-card)`]: {
+      [`&${componentCls}-top, &${componentCls}-bottom`]: {
+        [`${componentCls}-nav`]: {
+          [`${componentCls}-tab`]: {
+            padding: `${token.paddingXS}px 0px`,
+          },
+        },
+        [`&${componentCls}-small`]: {
+          [`${componentCls}-nav`]: {
+            [`${componentCls}-tab`]: {
+              padding: `${token.paddingXS - token.lineWidth * 2}px 0px`,
+            },
+          },
+        },
+      },
+    },
   };
 };