MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(ui): align button center in cross axis; enable large button class

This commit is contained in:
upsiflu 2024-12-18 13:14:07 +01:00
parent 4c2c2a6e4d
commit bd840a4ba6
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
front/src/components/ui/Button.vue
View File

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