Specify iconPack attribute for consistent icon styling in LoadButtonWhileAwait.vue.

This commit is contained in:
Jeppe Bundgaard
2026-03-09 10:26:08 +01:00
parent 2f23b6ea75
commit 8c3bd310a1
@@ -28,7 +28,7 @@ const loadWhileAwait = async (loadFunction) => {
</script>
<template>
<b-button :loading="false" :icon-left="icon" @click="(isLoading ? null : loadWhileAwait(loadFunction))" :disabled="isLoading || disabled" class="is-relative">
<b-button :loading="false" :icon-left="icon" @click="(isLoading ? null : loadWhileAwait(loadFunction))" :disabled="isLoading || disabled" :iconPack='"fas"' class="is-relative">
<slot v-if="!isLoading"></slot>
<b-loading v-if="isLoading" :is-full-page="false" :modelValue="true" :canCancel="false" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); display: flex; align-items: center; justify-content: center;">
<b-icon pack="fas" icon="circle-notch" size="is-large" type="is-primary" custom-class="fa-spin"></b-icon>