From 0e44a012184ae27fce021c1fc9f4927d24492ff3 Mon Sep 17 00:00:00 2001
From: Anthony Janin <ja.janin.anthony@gmail.com>
Date: Wed, 4 Jun 2025 13:06:01 +0200
Subject: [PATCH] Add fullscreen mode for modal

---
 src/router.ts                 | 2 +-
 src/services/modal.service.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/router.ts b/src/router.ts
index 7a27756..32caecb 100755
--- a/src/router.ts
+++ b/src/router.ts
@@ -195,7 +195,7 @@ export async function registerAllListeners() {
       `,
       confirmText: 'Ajouter un service',
       cancelText: 'Annuler'
-    });
+    }, true);
 
     try {
       if (!result) {
diff --git a/src/services/modal.service.ts b/src/services/modal.service.ts
index 37f9d05..ac9b63b 100755
--- a/src/services/modal.service.ts
+++ b/src/services/modal.service.ts
@@ -171,13 +171,13 @@ export default class ModalService {
     if (this.modal) this.modal.style.display = 'none';
   }
 
-  async showConfirmationModal(options: ConfirmationModalOptions): Promise<boolean> {
+  async showConfirmationModal(options: ConfirmationModalOptions, fullscreen: boolean = false): Promise<boolean> {
     // Create modal element
     const modalElement = document.createElement('div');
     modalElement.id = 'confirmation-modal';
     modalElement.innerHTML = `
       <div class="modal-overlay">
-        <div class="modal-content">
+        <div class="modal-content" ${fullscreen ? 'style="width: width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; border-radius: 0 !important;"' : ''}>
           <h2>${options.title}</h2>
           <div class="modal-body">
             ${options.content}