fixed dialog scaling issue
This commit is contained in:
@@ -68,10 +68,6 @@ const { handleSubmit, values, resetForm } = useForm({
|
|||||||
validationSchema: toTypedSchema(loaSchema),
|
validationSchema: toTypedSchema(loaSchema),
|
||||||
})
|
})
|
||||||
|
|
||||||
watch(values, (v) => {
|
|
||||||
console.log("Form values:", v)
|
|
||||||
})
|
|
||||||
|
|
||||||
const onSubmit = handleSubmit((values) => {
|
const onSubmit = handleSubmit((values) => {
|
||||||
console.log(values);
|
console.log(values);
|
||||||
})
|
})
|
||||||
@@ -80,12 +76,16 @@ onMounted(async () => {
|
|||||||
if (props.member) {
|
if (props.member) {
|
||||||
currentMember.value = props.member;
|
currentMember.value = props.member;
|
||||||
}
|
}
|
||||||
if (!props.adminMode) {
|
try {
|
||||||
policyString.value = await getLoaPolicy();
|
if (!props.adminMode) {
|
||||||
|
policyString.value = await getLoaPolicy();
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error(error);
|
||||||
}
|
}
|
||||||
|
|
||||||
members.value = await getMembers();
|
members.value = await getMembers();
|
||||||
loaTypes.value = await getLoaTypes();
|
loaTypes.value = await getLoaTypes();
|
||||||
console.log(currentMember.value);
|
|
||||||
resetForm({ values: { member_id: currentMember.value?.member_id } });
|
resetForm({ values: { member_id: currentMember.value?.member_id } });
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -18,20 +18,27 @@ const showLOADialog = ref(false);
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false">
|
<Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false">
|
||||||
<DialogContent>
|
<DialogContent class="sm:max-w-fit">
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<DialogTitle>Post LOA</DialogTitle>
|
<DialogTitle>Post LOA</DialogTitle>
|
||||||
<DialogDescription>
|
<DialogDescription>
|
||||||
Post an LOA on behalf of a member.
|
Post an LOA on behalf of a member.
|
||||||
</DialogDescription>
|
</DialogDescription>
|
||||||
</DialogHeader>
|
</DialogHeader>
|
||||||
<LoaForm :admin-mode="true" class="my-5 w-full"></LoaForm>
|
<LoaForm :admin-mode="true" class="my-3"></LoaForm>
|
||||||
<!-- <DialogFooter>
|
|
||||||
<Button variant="secondary" @click="showLOADialog = false">Cancel</Button>
|
|
||||||
<Button>Apply</Button>
|
|
||||||
</DialogFooter> -->
|
|
||||||
</DialogContent>
|
</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="max-w-5xl mx-auto pt-10">
|
||||||
<div class="flex justify-end mb-4">
|
<div class="flex justify-end mb-4">
|
||||||
|
|||||||
Reference in New Issue
Block a user