Fixed month list overflow when adding a calendar

This commit is contained in:
Alexis
2024-09-01 12:26:17 +02:00
parent 44b0339874
commit c1b60942d2
2 changed files with 15 additions and 13 deletions

View File

@@ -68,24 +68,26 @@ function handleClosing() {
</div>
</div>
<footer class="flex gap-2 justify-end">
<footer class="flex gap-2 justify-between">
<UiButton type="button" size="sm" variant="outline" @click="handleClosing">
Retour
</UiButton>
<Transition name="fade-delay">
<UiButton v-if="isLoading" type="button" size="sm" variant="destructive">
Annuler
</UiButton>
</Transition>
<UiButton v-if="calendar" size="sm" variant="destructive" :disabled="isLoading">
<Transition name="fade">
<PhCircleNotch v-if="isLoading" size="20" class="animate-spin"/>
<div class="flex gap-2 justify-end">
<Transition name="fade-delay">
<UiButton v-if="isLoading" type="button" size="sm" variant="destructive">
Annuler
</UiButton>
</Transition>
Supprimer "{{ calendar?.name }}"
</UiButton>
<UiButton v-if="calendar" size="sm" variant="destructive" :disabled="isLoading">
<Transition name="fade">
<PhCircleNotch v-if="isLoading" size="20" class="animate-spin"/>
</Transition>
Supprimer "{{ calendar?.name }}"
</UiButton>
</div>
</footer>
</form>
</UiAlertDialogContent>