From 2d5b986d24fb5be7dd04f2e941ca9995e1b91abf Mon Sep 17 00:00:00 2001 From: dengfuping Date: Mon, 11 Nov 2024 14:25:21 +0800 Subject: [PATCH] improve(design): small Card head padding-top with tabs set to 8px --- packages/design/src/card/style/index.ts | 5 +++++ packages/design/src/switch/demo/size.tsx | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/packages/design/src/card/style/index.ts b/packages/design/src/card/style/index.ts index e3aaa11d1..d78d2a9e6 100644 --- a/packages/design/src/card/style/index.ts +++ b/packages/design/src/card/style/index.ts @@ -63,6 +63,11 @@ export const genCardStyle: GenerateStyle = (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 index adb5e77bd..4112202c9 100644 --- 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 = () => ( <> - +
- + );