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 scrolling issues

Browse Source
This commit is contained in:
ajdj100
2025-12-03 17:01:52 -05:00
parent 3449dcec5c
commit faf183a23d
3 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/application/ApplicationChat.vue
View File

@@ -38,7 +38,7 @@ function onSubmit(values: { text: string }, { resetForm }: { resetForm: () => vo
<Form :validation-schema="commentSchema" @submit="onSubmit"> <Form :validation-schema="commentSchema" @submit="onSubmit">
<FormField name="text" v-slot="{ componentField }"> <FormField name="text" v-slot="{ componentField }">
<FormItem> <FormItem>
<FormLabel class="sr-only">Comment</FormLabel> <FormLabel>Comment</FormLabel>
<FormControl> <FormControl>
<Textarea v-bind="componentField" rows="3" placeholder="Write a comment…" <Textarea v-bind="componentField" rows="3" placeholder="Write a comment…"
class="bg-neutral-800 resize-none w-full" /> class="bg-neutral-800 resize-none w-full" />

2
ui/src/pages/Application.vue
View File

@@ -121,7 +121,7 @@ async function handleDeny(id) {
</script> </script>
<template> <template>
<div v-if="!loading" class="w-full"> <div v-if="!loading" class="w-full h-20">
<div v-if="!newApp" class="flex flex-row justify-between items-center py-2 mb-8"> <div v-if="!newApp" class="flex flex-row justify-between items-center py-2 mb-8">
<!-- Application header --> <!-- Application header -->
<div> <div>

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

@@ -91,7 +91,7 @@ onMounted(async () => {
}) })
</script> </script>
<template> <template>
<div class="px-20 mx-auto max-w-[100rem] w-full flex mt-5"> <div class="px-20 mx-auto max-w-[100rem] w-full flex mt-5 h-52 min-h-0 overflow-hidden">
<!-- application list --> <!-- application list -->
<div :class="openPanel == false ? 'w-full' : 'w-2/5'" class="pr-9"> <div :class="openPanel == false ? 'w-full' : 'w-2/5'" class="pr-9">
<h1 class="scroll-m-20 text-2xl font-semibold tracking-tight">Manage Applications</h1> <h1 class="scroll-m-20 text-2xl font-semibold tracking-tight">Manage Applications</h1>
@@ -103,7 +103,7 @@ onMounted(async () => {
<TableHead class="text-right">Status</TableHead> <TableHead class="text-right">Status</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
<TableBody> <TableBody class="overflow-y-auto scrollbar-themed">
<TableRow v-for="app in appList" :key="app.id" class="cursor-pointer" <TableRow v-for="app in appList" :key="app.id" class="cursor-pointer"
:onClick="() => { openApplication(app.id) }"> :onClick="() => { openApplication(app.id) }">
<TableCell class="font-medium">{{ app.member_name }}</TableCell> <TableCell class="font-medium">{{ app.member_name }}</TableCell>
@@ -136,7 +136,9 @@ onMounted(async () => {
<XIcon></XIcon> <XIcon></XIcon>
</button> </button>
</div> </div>
<Application :mode="'view-recruiter'"></Application> <div class="overflow-y-auto max-h-[80vh] h-full mt-5 scrollbar-themed">
<Application :mode="'view-recruiter'"></Application>
</div>
</div> </div>
</div> </div>
</template> </template>