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

fixed scrolling behaviour

Browse Source
This commit is contained in:
ajdj100
2025-11-21 12:15:22 -05:00
parent 7528a20568
commit 9f2948ac18
1 changed files with 79 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ui/src/pages/TrainingReport.vue
View File

@@ -118,7 +118,8 @@ onMounted(async () => {
<X></X>
</button>
</div>
<div class="flex flex-col mb-5 border rounded-lg bg-muted/70 p-2 my-5 py-3 px-4">
<div class="max-h-[70vh] overflow-auto scrollbar-themed my-5">
<div class="flex flex-col mb-5 border rounded-lg bg-muted/70 p-2 py-3 px-4">
<p class="scroll-m-20 text-xl font-semibold tracking-tight">{{ focusedTrainingReport.course_name }}</p>
<div class="flex gap-10">
<p class="text-muted-foreground">{{ focusedTrainingReport.event_date }}</p>
@@ -137,7 +138,6 @@ onMounted(async () => {
<span class="">Role</span>
<span class="text-right col-span-2">Remarks</span>
</div>
<div v-for="person in focusedTrainingTrainers"
class="grid grid-cols-4 py-2 items-center border-b last:border-none">
<p>{{ person.attendee_name }}</p>
@@ -207,6 +207,7 @@ onMounted(async () => {
</div>
</div>
</div>
</div>
<div v-if="sidePanel == sidePanelState.create" class="pl-7 border-l w-3/5 max-w-5xl">
<div class="flex justify-between my-3">
<div class="flex pl-2 gap-5">