fix(button): add btn display:inline-flex with min-height (#120)

oruga-ui · Jun 3, 2024 · 84be55f · 84be55f
1 parent 2a5bb9b
commit 84be55f
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/assets/scss/components/_button.scss b/src/assets/scss/components/_button.scss
@@ -2,6 +2,7 @@
 
 /* @docs */
 $btn-spacer: 0.5rem !default;
+$btn-height: 2.35em !default;
 $btn-border-color: var(--#{$prefix}border-color);
 $btn-hover-border-color: var(--#{$prefix}border-color);
 $btn-hover-box-shadow: $box-shadow-sm !default;
@@ -56,11 +57,17 @@ $btn-hover-box-shadow: $box-shadow-sm !default;
 
 .btn {
   --#{$prefix}btn-spacer: #{$btn-spacer};
+  --#{$prefix}btn-height: #{$btn-height};
   --#{$prefix}btn-border-color: #{$btn-border-color};
   --#{$prefix}btn-hover-border-color: #{$btn-hover-border-color};
   --#{$prefix}btn-hover-box-shadow: #{$btn-hover-box-shadow};
   --#{$prefix}btn-disabled-border-color: var(--#{$prefix}btn-border-color);
 
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: var(--#{$prefix}btn-height);
+
   .button-wrapper {
     display: inline-flex;
     align-items: center;