Changed alert dialog for regular dialog in update event form

This commit is contained in:
Alexis
2024-06-08 22:15:56 +02:00
parent d88ede5e21
commit d7ecb379fd

View File

@@ -62,22 +62,22 @@ function handleCancel() {
</script> </script>
<template> <template>
<UiAlertDialog v-model:open="isEditEventModalOpen"> <UiDialog v-model:open="isEditEventModalOpen">
<UiAlertDialogContent <UiDialogContent
:disable-outside-pointer-events="true" :disable-outside-pointer-events="true"
:trap-focus="true" :trap-focus="true"
class="pl-3 min-w-96 bg-slate-900 border-slate-800" class="pl-3 min-w-96 bg-slate-900 border-slate-800"
@escape-key-down="handleClosing" @escape-key-down="handleClosing"
@focus-outside="handleClosing" @focus-outside="handleClosing"
@interact-outside="handleClosing" @interact-outside="handleClosing"
@pointer-down-outside="handleClosing" @pointer-down-outside="(e) => e.preventDefault()"
> >
<VisuallyHidden> <VisuallyHidden>
<UiAlertDialogTitle> Modifier l'évènement</UiAlertDialogTitle> <UiDialogTitle> Modifier l'évènement</UiDialogTitle>
<UiAlertDialogDescription> <UiDialogDescription>
Mettre à jour les données de l'évènement Mettre à jour les données de l'évènement
</UiAlertDialogDescription> </UiDialogDescription>
</VisuallyHidden> </VisuallyHidden>
<form @submit.prevent="handleAction"> <form @submit.prevent="handleAction">
@@ -161,6 +161,6 @@ function handleCancel() {
</UiButton> </UiButton>
</footer> </footer>
</form> </form>
</UiAlertDialogContent> </UiDialogContent>
</UiAlertDialog> </UiDialog>
</template> </template>