17th-Ranger-Battalion-ORG/milsim-site-v4
8
1
Fork 0
Code Issues 36 Pull Requests 2 Actions Packages Projects 1 Releases 17 Wiki Activity

Improved the admin post LOA dialog to function on mobile devices

Browse Source
This commit is contained in:
ajdj100
2026-03-22 01:24:24 -04:00
parent 87bdd30a19
commit 191bc6f428
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ui/src/pages/ManageLOA.vue
View File

@@ -19,14 +19,17 @@ const showLOADialog = ref(false);
<template> <template>
<div> <div>
<Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false"> <Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false">
<DialogContent class="sm:max-w-fit"> <DialogContent class="w-[95vw] max-w-[95vw] max-h-[90dvh] overflow-y-auto p-4 sm:max-w-fit sm:p-6">
<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-3"></LoaForm> <LoaForm :admin-mode="true"></LoaForm>
<DialogFooter>
<Button variant="outline" @click="showLOADialog = false">Cancel</Button>
</DialogFooter>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
<div class="mx-auto max-w-5xl px-3 pt-10 sm:px-4 lg:px-0"> <div class="mx-auto max-w-5xl px-3 pt-10 sm:px-4 lg:px-0">