From d3d2c0634872619f116c6d2d8a27d93b0f42338d Mon Sep 17 00:00:00 2001
From: Boris Waaub <boris.waaub@digitalternative.be>
Date: Tue, 9 Dec 2025 11:12:21 +0100
Subject: [PATCH] =?UTF-8?q?FIX:=20Dans=20les=20petits=20=C3=A9crans,=20la?=
 =?UTF-8?q?=20modale=20d'accueil=20pourrait=20=C3=AAtre=20plus=20large?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Resources/public/vuejs/TicketApp/App.vue   | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/App.vue b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/App.vue
index 0128d8866..c9f2352b1 100644
--- a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/App.vue
+++ b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/App.vue
@@ -30,7 +30,7 @@
   <Modal
     v-if="showTicketInitFormModal"
     :show="showTicketInitFormModal"
-    modal-dialog-class="modal-lg"
+    :modal-dialog-class="modalDialogClass"
     @close="closeModal"
   >
     <template #header>
@@ -58,7 +58,7 @@
 
 <script setup lang="ts">
 import { useToast } from "vue-toast-notification";
-import { computed, onMounted, ref } from "vue";
+import { computed, onMounted, onUnmounted, ref } from "vue";
 import { useStore } from "vuex";
 
 // Types
@@ -113,6 +113,16 @@ const ticketForm = ref({
   emergency: ticket.value?.emergency,
 } as TicketInitForm);
 
+const modalDialogClass = ref(
+  window.innerWidth < 990 ? "modal-fullscreen" : "modal-lg",
+);
+
+function updateModalClass() {
+  modalDialogClass.value =
+    window.innerWidth < 990 ? "modal-fullscreen" : "modal-lg";
+}
+window.addEventListener("resize", updateModalClass);
+
 async function handleFormSubmit() {
   try {
     if (!ticketForm.value.motive || ticketForm.value.content.trim() === "") {
@@ -167,6 +177,10 @@ onMounted(() => {
     loading.value = false;
   }
 });
+
+onUnmounted(() => {
+  window.removeEventListener("resize", updateModalClass);
+});
 </script>
 
 <style lang="scss" scoped>