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

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

@@ -69,13 +69,14 @@ onMounted(async () => {
}) })
</script> </script>
<template> <template>
<Table class="mx-auto max-w-3xl"> <div class="mx-auto max-w-5xl">
<h1 class="my-4">Manage Applications</h1>
<Table>
<!-- <TableCaption>A list of your recent invoices.</TableCaption> --> <!-- <TableCaption>A list of your recent invoices.</TableCaption> -->
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead class="w-[100px]">User</TableHead> <TableHead>User</TableHead>
<TableHead>Date Submitted</TableHead> <TableHead>Date Submitted</TableHead>
<TableHead class="text-right"></TableHead>
<TableHead class="text-right">Status</TableHead> <TableHead class="text-right">Status</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
@@ -87,10 +88,13 @@ onMounted(async () => {
{{ formatAgo(app.submitted_at) }} {{ formatAgo(app.submitted_at) }}
</TableCell> </TableCell>
<TableCell v-if="app.app_status === Status.Pending" class="inline-flex items-end gap-2"> <TableCell v-if="app.app_status === Status.Pending" class="inline-flex items-end gap-2">
<Button variant="success" @click.stop="() => { handleApprove(app.id) }"><CheckIcon></CheckIcon></Button> <Button variant="success" @click.stop="() => { handleApprove(app.id) }">
<Button variant="destructive" @click.stop="() => { handleDeny(app.id) }"><XIcon></XIcon></Button> <CheckIcon></CheckIcon>
</Button>
<Button variant="destructive" @click.stop="() => { handleDeny(app.id) }">
<XIcon></XIcon>
</Button>
</TableCell> </TableCell>
<TableCell class="text-right font-semibold" :class="[ <TableCell class="text-right font-semibold" :class="[
, ,
app.app_status === Status.Pending && 'text-yellow-500', app.app_status === Status.Pending && 'text-yellow-500',
@@ -100,4 +104,5 @@ onMounted(async () => {
</TableRow> </TableRow>
</TableBody> </TableBody>
</Table> </Table>
</div>
</template> </template>