improve(design): small Card head padding-top with tabs set to 8px

oceanbase · Nov 11, 2024 · 2d5b986 · 2d5b986
1 parent 4871c60
commit 2d5b986
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/design/src/card/style/index.ts b/packages/design/src/card/style/index.ts
@@ -63,6 +63,11 @@ export const genCardStyle: GenerateStyle<CardToken> = (token: CardToken): CSSObj
         padding: `0 ${paddingSM}px ${paddingSM}px ${paddingSM}px`,
       },
     },
+    [`${componentCls}-small${componentCls}-contain-tabs >${componentCls}-head`]: {
+      [`${componentCls}-head-title, ${componentCls}-head-extra`]: {
+        paddingTop: token.paddingXS,
+      },
+    },
     [`${componentCls}${componentCls}-contain-tabs`]: {
       [`${componentCls}-head`]: genTagStyle({
         ...token,

diff --git a/packages/design/src/switch/demo/size.tsx b/packages/design/src/switch/demo/size.tsx
@@ -3,9 +3,9 @@ import { Switch } from '@oceanbase/design';
 
 const App: React.FC = () => (
   <>
-    <Switch defaultChecked />
+    <Switch />
     <br />
-    <Switch defaultChecked size="small" />
+    <Switch size="small" />
   </>
 );