Skip to content

Commit

Permalink
fix(kbutton): add text-align
Browse files Browse the repository at this point in the history
Sometimes the button display property is overriden to block, and in these scenarios we want to ensure the text-align is set to center to properly align the button text.
  • Loading branch information
adamdehaven committed Dec 19, 2024
1 parent 58908bd commit 38b0a9d
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions src/components/KButton/KButton.vue
Original file line number Diff line number Diff line change
Expand Up @@ -191,6 +191,7 @@ export default {
justify-content: center;
// Remove tap color highlight on mobile Safari
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
text-align: center;
text-decoration: none;
transition: background-color $kongponentsTransitionDurTimingFunc, color $kongponentsTransitionDurTimingFunc, border-color $kongponentsTransitionDurTimingFunc;
user-select: none;
Expand Down Expand Up @@ -325,6 +326,7 @@ export default {
cursor: pointer;
display: inline-flex;
justify-content: center;
text-align: center;
transition: background-color $kongponentsTransitionDurTimingFunc, color $kongponentsTransitionDurTimingFunc, border-color $kongponentsTransitionDurTimingFunc;
user-select: none;
white-space: nowrap;
Expand Down

0 comments on commit 38b0a9d

Please sign in to comment.