fix(button): style breaks in some edge cases when tag is set to <a>

globalbrain · Jan 12, 2023 · 24a33dc · 24a33dc
1 parent 6626a8d
commit 24a33dc
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/lib/components/SButton.vue b/lib/components/SButton.vue
@@ -84,7 +84,9 @@ function handleClick(): void {
 <style lang="postcss" scoped>
 .SButton {
   position: relative;
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  letter-spacing: 0;
   text-align: center;
   border: 1px solid transparent;
   border-radius: 6px;
@@ -590,7 +592,7 @@ function handleClick(): void {
 }
 
 .SButton.block {
-  display: block;
+  display: flex;
   width: 100%;
 }