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

fixed sizing on recruitment page

Browse Source
This commit is contained in:
ajdj100
2025-09-19 09:10:36 -04:00
parent 9f9e15700f
commit a4ca5b5de4
1 changed files with 36 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
ui/src/pages/ManageApplications.vue
View File

@@ -69,35 +69,40 @@ onMounted(async () => {
}) })
</script> </script>
<template> <template>
<Table class="mx-auto max-w-3xl"> <div class="mx-auto max-w-5xl">
<!-- <TableCaption>A list of your recent invoices.</TableCaption> --> <h1 class="my-4">Manage Applications</h1>
<TableHeader> <Table>
<TableRow> <!-- <TableCaption>A list of your recent invoices.</TableCaption> -->
<TableHead class="w-[100px]">User</TableHead> <TableHeader>
<TableHead>Date Submitted</TableHead> <TableRow>
<TableHead class="text-right"></TableHead> <TableHead>User</TableHead>
<TableHead class="text-right">Status</TableHead> <TableHead>Date Submitted</TableHead>
</TableRow> <TableHead class="text-right">Status</TableHead>
</TableHeader> </TableRow>
<TableBody> </TableHeader>
<TableRow v-for="app in appList" :key="app.id" class="cursor-pointer" <TableBody>
:onClick="() => { openApplication(app.id) }"> <TableRow v-for="app in appList" :key="app.id" class="cursor-pointer"
<TableCell class="font-medium">{{ app.member_name }}</TableCell> :onClick="() => { openApplication(app.id) }">
<TableCell :title="formatExact(app.submitted_at)"> <TableCell class="font-medium">{{ app.member_name }}</TableCell>
{{ formatAgo(app.submitted_at) }} <TableCell :title="formatExact(app.submitted_at)">
</TableCell> {{ formatAgo(app.submitted_at) }}
<TableCell v-if="app.app_status === Status.Pending" class="inline-flex items-end gap-2"> </TableCell>
<Button variant="success" @click.stop="() => { handleApprove(app.id) }"><CheckIcon></CheckIcon></Button> <TableCell v-if="app.app_status === Status.Pending" class="inline-flex items-end gap-2">
<Button variant="destructive" @click.stop="() => { handleDeny(app.id) }"><XIcon></XIcon></Button> <Button variant="success" @click.stop="() => { handleApprove(app.id) }">
</TableCell> <CheckIcon></CheckIcon>
</Button>
<TableCell class="text-right font-semibold" :class="[ <Button variant="destructive" @click.stop="() => { handleDeny(app.id) }">
, <XIcon></XIcon>
app.app_status === Status.Pending && 'text-yellow-500', </Button>
app.app_status === Status.Accepted && 'text-green-500', </TableCell>
app.app_status === Status.Denied && 'text-destructive' <TableCell class="text-right font-semibold" :class="[
]">{{ app.app_status }}</TableCell> ,
</TableRow> app.app_status === Status.Pending && 'text-yellow-500',
</TableBody> app.app_status === Status.Accepted && 'text-green-500',
</Table> app.app_status === Status.Denied && 'text-destructive'
]">{{ app.app_status }}</TableCell>
</TableRow>
</TableBody>
</Table>
</div>
</template> </template>