Participant mangement

app/Views/Components/Modal.vue

@@ -12,6 +12,7 @@
               ref="modalRef"
               class="modal-content"
               tabindex="-1"
+              :style="{ width: width }"
           >
 
             <div class="modal-header">
@@ -35,7 +36,8 @@ import { ref, watch, onMounted, onUnmounted, nextTick } from 'vue'
 
 const props = defineProps({
   show: Boolean,
-  title: { type: String, default: 'Modal' }
+  title: { type: String, default: 'Modal' },
+    width: { type: String, default: '1200px' },
 })
 const emit = defineEmits(['close'])