fix(comp:button): button-group display: inline-flex (#661)

IDuxFE · Dec 24, 2021 · 60dc8c3 · 60dc8c3
1 parent 4d7bbff
commit 60dc8c3
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 7 deletions.
diff --git a/packages/components/button/demo/Icon.md b/packages/components/button/demo/Icon.md
@@ -1,5 +1,5 @@
 ---
-order: 8
+order: 5
 title:
   zh: 按钮图标
 ---

diff --git a/packages/components/button/demo/Shape.md b/packages/components/button/demo/Shape.md
@@ -1,5 +1,5 @@
 ---
-order: 6
+order: 7
 title:
   zh: 按钮形状
 ---

diff --git a/packages/components/button/demo/Size.md b/packages/components/button/demo/Size.md
@@ -1,5 +1,5 @@
 ---
-order: 5
+order: 6
 title:
   zh: 按钮尺寸
 ---

diff --git a/packages/components/button/style/index.less b/packages/components/button/style/index.less
@@ -126,6 +126,9 @@
 }
 
 .@{button-group-prefix} {
+  display: inline-flex;
+  align-items: center;
+
   .@{button-prefix} {
     z-index: @zindex-auto;
     border-radius: 0;

diff --git a/packages/site/src/components/views/home/Home.vue b/packages/site/src/components/views/home/Home.vue
@@ -140,16 +140,15 @@ export default defineComponent({
 
     &-btn-group {
       &.ix-button-group {
-        display: flex;
         @media (max-width: @screen-xs-max) {
           text-align: center;
         }
         .ix-button {
           margin: 0 16px;
           font-size: 18px;
-          display: flex;
-          justify-content: center;
-          align-items: center;
+          height: 40px;
+          line-height: 40px;
+          padding: 0;
           width: 160px;
           border-radius: 32px;
           border-color: @color-primary;