fix(rtl): icon button

This commit is contained in:
kolaente 2025-08-03 14:16:35 +02:00
parent bd61f5179f
commit 5a8934ebd3
1 changed files with 16 additions and 1 deletions

View File

@ -29,7 +29,9 @@
/>
</span>
</template>
<slot />
<span>
<slot />
</span>
</BaseButton>
</template>
@ -84,6 +86,15 @@ const variantClass = computed(() => VARIANT_CLASS_MAP[props.variant])
display: inline-flex;
white-space: var(--button-white-space);
line-height: 1;
display: inline-flex;
padding-left: 0; // override bulma style
padding-right: 0; // override bulma style
padding-inline: .5rem;
gap: .25rem;
[dir="rtl"] & {
flex-direction: row-reverse;
}
&:hover {
box-shadow: var(--shadow-md);
@ -105,6 +116,10 @@ const variantClass = computed(() => VARIANT_CLASS_MAP[props.variant])
&.is-primary.is-outlined:hover {
color: var(--white);
}
.icon {
margin: 0 !important;
}
}
.is-small {