improve(design): Table padding when Card styles.body.padding is 0

oceanbase · Jun 27, 2024 · 543a5f7 · 543a5f7
1 parent a48560e
commit 543a5f7
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/design/src/card/index.tsx b/packages/design/src/card/index.tsx
@@ -31,6 +31,7 @@ const Card = React.forwardRef<HTMLDivElement, CardProps>(
       tabList,
       prefixCls: customizePrefixCls,
       bodyStyle,
+      styles,
       className,
       ...restProps
     },
@@ -41,8 +42,11 @@ const Card = React.forwardRef<HTMLDivElement, CardProps>(
     const tabsPrefixCls = getPrefixCls('tabs', customizePrefixCls);
     const { wrapSSR } = useStyle(prefixCls, tabsPrefixCls);
 
+    const zeroPaddingList = [0, '0', '0px'];
     // card body has no padding
-    const noBodyPadding = [0, '0', '0px'].includes(bodyStyle?.padding);
+    const noBodyPadding =
+      zeroPaddingList.includes(bodyStyle?.padding) ||
+      zeroPaddingList.includes(styles?.body?.padding);
 
     const cardCls = classNames(
       {
@@ -88,6 +92,7 @@ const Card = React.forwardRef<HTMLDivElement, CardProps>(
           tabList={newTabList}
           prefixCls={customizePrefixCls}
           bodyStyle={bodyStyle}
+          styles={styles}
           className={cardCls}
           {...restProps}
         >