From 87c472e98ee86616862c2e9eacdbb6382b692518 Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Thu, 11 Dec 2025 11:52:11 -0500
Subject: [PATCH] fixed dialog scaling issue

---
 ui/src/components/loa/loaForm.vue | 14 +++++++-------
 ui/src/pages/ManageLOA.vue        | 21 ++++++++++++++-------
 2 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/ui/src/components/loa/loaForm.vue b/ui/src/components/loa/loaForm.vue
index 09f7a49..f66b2f7 100644
--- a/ui/src/components/loa/loaForm.vue
+++ b/ui/src/components/loa/loaForm.vue
@@ -68,10 +68,6 @@ const { handleSubmit, values, resetForm } = useForm({
     validationSchema: toTypedSchema(loaSchema),
 })
 
-watch(values, (v) => {
-    console.log("Form values:", v)
-})
-
 const onSubmit = handleSubmit((values) => {
     console.log(values);
 })
@@ -80,12 +76,16 @@ onMounted(async () => {
     if (props.member) {
         currentMember.value = props.member;
     }
-    if (!props.adminMode) {
-        policyString.value = await getLoaPolicy();
+    try {
+        if (!props.adminMode) {
+            policyString.value = await getLoaPolicy();
+        }
+    } catch (error) {
+        console.error(error);
     }
+
     members.value = await getMembers();
     loaTypes.value = await getLoaTypes();
-    console.log(currentMember.value);
     resetForm({ values: { member_id: currentMember.value?.member_id } });
 });
 
diff --git a/ui/src/pages/ManageLOA.vue b/ui/src/pages/ManageLOA.vue
index 5fd3d35..be94973 100644
--- a/ui/src/pages/ManageLOA.vue
+++ b/ui/src/pages/ManageLOA.vue
@@ -18,20 +18,27 @@ const showLOADialog = ref(false);
 
 <template>
     <Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false">
-        <DialogContent>
+        <DialogContent class="sm:max-w-fit">
             <DialogHeader>
                 <DialogTitle>Post LOA</DialogTitle>
                 <DialogDescription>
                     Post an LOA on behalf of a member.
                 </DialogDescription>
             </DialogHeader>
-            <LoaForm :admin-mode="true" class="my-5 w-full"></LoaForm>
-            <!-- <DialogFooter>
-                <Button variant="secondary" @click="showLOADialog = false">Cancel</Button>
-                <Button>Apply</Button>
-            </DialogFooter> -->
+            <LoaForm :admin-mode="true" class="my-3"></LoaForm>
         </DialogContent>
-    </Dialog>
+    </Dialog> 
+    <!-- <Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false">
+        <DialogContent class="max-w-full">
+            <DialogHeader>
+                <DialogTitle>Are you absolutely sure?</DialogTitle>
+                <DialogDescription>
+                    This action cannot be undone. This will permanently delete your account
+                    and remove your data from our servers.
+                </DialogDescription>
+            </DialogHeader>
+        </DialogContent>
+    </Dialog> -->
 
     <div class="max-w-5xl mx-auto pt-10">
         <div class="flex justify-end mb-4">