fix(comp:button): fix icon not vertically centered (#1542)

IDuxFE · May 8, 2023 · cf269a5 · cf269a5
1 parent b7e9b89
commit cf269a5
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/packages/components/button/style/index.less b/packages/components/button/style/index.less
@@ -6,8 +6,9 @@
   .reset-color(@button-color, @button-background-color);
 
   position: relative;
-  display: inline-block;
-  text-align: center;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   white-space: nowrap;
   cursor: pointer;
   user-select: none;

diff --git a/packages/components/button/style/mixin.less b/packages/components/button/style/mixin.less
@@ -3,7 +3,7 @@
 
   height: @height;
   min-width: @min-width;
-  padding: calc((@height - @font-size - var(--ix-line-height-gutter) - 2px) / 2) @padding-horizontal;
+  padding: 0 @padding-horizontal;
 
   &.@{button-prefix}-circle,
   &.@{button-prefix}-square {

diff --git a/packages/components/drawer/style/index.less b/packages/components/drawer/style/index.less
@@ -59,6 +59,7 @@
   }
 
   &-footer {
+    display: flex;
     padding: 12px 16px;
 
     .@{button-prefix} + .@{button-prefix} {

diff --git a/packages/components/modal/style/index.less b/packages/components/modal/style/index.less
@@ -124,7 +124,8 @@
   }
 
   &-footer {
-    text-align: end;
+    display: flex;
+    justify-content: flex-end;
     padding: 12px 16px;
 
     .@{button-prefix} + .@{button-prefix} {