Specify iconPack attribute for consistent icon styling in LoadButtonWhileAwait.vue.
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user