From 0612164270e4837bf502df6951c42643475ebbfd Mon Sep 17 00:00:00 2001
From: Konv Suu <82451257+kovsu@users.noreply.github.com>
Date: Mon, 16 Jan 2023 19:14:25 +0800
Subject: [PATCH] fix(comp:card): remove footer padding and click effect
 (#1418)

---
 packages/components/card/src/Card.tsx     |  6 +++++-
 packages/components/card/style/index.less | 16 ++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/components/card/src/Card.tsx b/packages/components/card/src/Card.tsx
index 2398c8399..95f8c3f55 100644
--- a/packages/components/card/src/Card.tsx
+++ b/packages/components/card/src/Card.tsx
@@ -143,7 +143,11 @@ const renderFooter = (props: CardProps, slots: Slots, prefixCls: string) => {
         itemChild = item
       } else {
         const { text, ...rest } = item
-        itemChild = <IxButton {...rest}>{text}</IxButton>
+        itemChild = (
+          <IxButton waveless={true} {...rest}>
+            {text}
+          </IxButton>
+        )
       }
       return itemChild ? <li>{itemChild}</li> : null
     })
diff --git a/packages/components/card/style/index.less b/packages/components/card/style/index.less
index 68136e144..8511e6ce4 100644
--- a/packages/components/card/style/index.less
+++ b/packages/components/card/style/index.less
@@ -10,15 +10,15 @@
   overflow: hidden;
 
   &-sm {
-    .card-size(@card-font-size-sm, @card-padding-sm);
+    .card-size(@card-font-size-sm, @card-padding-sm, 2px);
   }
 
   &-md {
-    .card-size(@card-font-size-md, @card-padding-md);
+    .card-size(@card-font-size-md, @card-padding-md, 4px);
   }
 
   &-lg {
-    .card-size(@card-font-size-lg, @card-padding-lg);
+    .card-size(@card-font-size-lg, @card-padding-lg, 8px);
   }
 
   &-borderless {
@@ -201,7 +201,7 @@
   }
 }
 
-.card-size(@font-size, @card-padding) {
+.card-size(@font-size, @card-padding, @footer-margin) {
   .reset-font-size(@font-size);
 
   > .@{header-prefix} {
@@ -213,15 +213,11 @@
     padding: @card-padding;
   }
 
-  .@{card-prefix}-footer {
-    padding: @card-padding;
-  }
-
   .@{header-prefix} + .@{card-prefix}-body {
     padding-top: 4px;
   }
 
-  .@{card-prefix}-body + .@{card-prefix}-footer {
-    padding-top: 0;
+  .@{card-prefix}-footer button {
+    margin: @footer-margin 0;
   }
 }