fixed showing spinner in tt-modal

This commit is contained in:
Luca Haid
2025-03-12 11:52:19 +01:00
parent af8573c929
commit 839b3843f4
+7 -1
View File
@@ -72,7 +72,13 @@ Vue.component('tt-modal', {
<div class="modal-footer">
<slot name="footer">
<slot name="footer-prepend"></slot>
<button v-if="save" class="btn btn-primary" @click="$emit('submit')">{{saveText}}</button>
<button v-if="save" class="btn btn-primary position-relative" @click="$emit('submit')" :disabled="saveLoading">
<span v-if="!saveLoading">{{ saveText }}</span>
<span v-if="saveLoading" class="top-50 start-50 translate-middle">
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
<span class="sr-only">Loading...</span>
</span>
</button>
<button v-if="$props.delete" class="btn btn-danger" @click="$emit('delete')">{{deleteText}}</button>
<button class="btn btn-secondary" @click="$emit('update:show', false)">Schließen</button>
</slot>