From bd840a4ba697dcba94d676ee12931f3d531a6dcf Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Wed, 18 Dec 2024 13:14:07 +0100
Subject: [PATCH] feat(ui): align button center in cross axis; enable large
 button class

---
 front/src/components/ui/Button.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/front/src/components/ui/Button.vue b/front/src/components/ui/Button.vue
index a34d3a6a1..b89bf99ab 100644
--- a/front/src/components/ui/Button.vue
+++ b/front/src/components/ui/Button.vue
@@ -55,7 +55,7 @@ onMounted(() => {
     :class="[
       'is-' + width,
       'is-text-aligned-' + (alignText ?? 'center'),
-      'is-self-aligned-' + (alignSelf ?? 'start'),
+      'is-self-aligned-' + (alignSelf ?? 'center'),
       {
         'is-active': isActive,
         'is-loading': isLoading,
@@ -100,7 +100,7 @@ onMounted(() => {
 
     transform: translateX(var(--fw-translate-x)) translateY(var(--fw-translate-y)) scale(var(--fw-scale));
     transition: all .2s ease;
-x
+
     &.is-text-aligned-center {
       justify-content: center
     }
@@ -158,6 +158,9 @@ x
 
     i.bi {
       font-size: 1.2rem;
+      &.large {
+        font-size:2rem;
+      }
     }
 
     i.bi + span:not(:empty) {