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

Modified header to address pass/fail confusions

Browse Source
This commit is contained in:
ajdj100
2025-11-28 15:14:23 -05:00
parent 40e097fc71
commit 8321b67baf
1 changed files with 23 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
ui/src/components/trainingReport/trainingReportForm.vue
View File

@@ -134,14 +134,29 @@ onMounted(async () => {
<FieldGroup class="gap-4"> <FieldGroup class="gap-4">
<!-- Column Headers --> <!-- Column Headers -->
<div <div class="relative">
class="grid grid-cols-[180px_155px_65px_41px_1fr_auto] gap-3 font-medium text-sm text-muted-foreground"> <div
<div>Member</div> class="grid grid-cols-[180px_155px_65px_41px_1fr_auto] gap-3 font-medium text-sm text-muted-foreground">
<div>Role</div>
<div>Bookwork</div> <div>Member</div>
<div>Qual</div> <div>Role</div>
<div>Remarks</div>
<div></div> <!-- empty for remove button --> <!-- Bookwork -->
<div class="text-center">Bookwork</div>
<!-- Qual -->
<div class="text-center">Qual</div>
<div>Remarks</div>
<div></div> <!-- empty for remove button -->
</div>
<!-- FLOATING SUPERHEADER -->
<div class="absolute left-[calc(180px+155px+65px/2)] -top-5
w-[106px] text-center text-xs font-medium text-muted-foreground
pointer-events-none">
─── Pass ────
</div>
</div> </div>