From ce59647cdaf460fdb609ddcf1875b1be876fd73e Mon Sep 17 00:00:00 2001
From: DecDuck <declanahofmeyr@gmail.com>
Date: Tue, 11 Mar 2025 12:15:47 +1100
Subject: [PATCH] feat: custom sizing for modal

---
 components/ModalTemplate.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/ModalTemplate.vue b/components/ModalTemplate.vue
index 05a68e3..b5cd61b 100644
--- a/components/ModalTemplate.vue
+++ b/components/ModalTemplate.vue
@@ -29,7 +29,7 @@
             leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
           >
             <div
-              class="relative transform rounded-lg bg-zinc-900 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg"
+             :class="['relative transform rounded-lg bg-zinc-900 text-left shadow-xl transition-all sm:my-8 sm:w-full', props.sizeClass ?? 'sm:max-w-lg']"
             >
               <div class="px-4 pb-4 pt-5 space-y-4 sm:p-6 sm:pb-4">
                 <slot />
@@ -56,6 +56,7 @@ import {
 } from "@headlessui/vue";
 
 const open = defineModel<boolean>();
+const props = defineProps<{sizeClass?: string}>();
 
 function close() {
   open.value = false;