add fullscreen option parameters to modal

brdgm · Nov 19, 2023 · 6a9c486 · 6a9c486
1 parent 1d7a360
commit 6a9c486
Showing 1 changed file with 31 additions and 1 deletion.
diff --git a/src/components/structure/ModalDialog.vue b/src/components/structure/ModalDialog.vue
@@ -5,7 +5,13 @@
        'modal-dialog-scrollable': scrollable,
        'modal-sm': sizeSm,
        'modal-lg': sizeLg,
-       'modal-xl': sizeXl
+       'modal-xl': sizeXl,
+       'modal-fullscreen': fullscreen,
+       'modal-fullscreen-sm-down': fullscreenSmDown,
+       'modal-fullscreen-md-down': fullscreenMdDown,
+       'modal-fullscreen-lg-down': fullscreenLgDown,
+       'modal-fullscreen-xl-down': fullscreenXlDown,
+       'modal-fullscreen-xxl-down': fullscreenXxlDown
     }">
       <div class="modal-content">
         <div class="modal-header">
@@ -67,6 +73,30 @@ export default defineComponent({
       type: Boolean,
       required: false
     },
+    fullscreen: {
+      type: Boolean,
+      required: false
+    },
+    fullscreenSmDown: {
+      type: Boolean,
+      required: false
+    },
+    fullscreenMdDown: {
+      type: Boolean,
+      required: false
+    },
+    fullscreenLgDown: {
+      type: Boolean,
+      required: false
+    },
+    fullscreenXlDown: {
+      type: Boolean,
+      required: false
+    },
+    fullscreenXxlDown: {
+      type: Boolean,
+      required: false
+    },
     closeI18nKey: {
       type: String,
       required: false,