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

adjusted grid styling

Browse Source
This commit is contained in:
ajdj100
2025-11-20 15:11:14 -05:00
parent 91b915fbcf
commit 9322affce5
2 changed files with 23 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -58,7 +58,7 @@ onMounted(async () => {
<template>
<div class="max-w-7xl mx-auto flex mt-5">
<!-- training report list -->
<div class="px-4" :class="sidePanel == sidePanelState.closed ? 'w-full' : 'w-1/2'">
<div class="px-4" :class="sidePanel == sidePanelState.closed ? 'w-full' : 'w-2/5'">
<div class="flex justify-between">
<p class="scroll-m-20 text-2xl font-semibold tracking-tight">Training Reports</p>
<Button @click="createTrainingReport">New Training Report</Button>
@@ -90,7 +90,7 @@ onMounted(async () => {
</div>
</div>
<!-- view training report section -->
<div v-if="sidePanel == sidePanelState.view" class="px-4 border-l w-1/2">
<div v-if="sidePanel == sidePanelState.view" class="px-4 border-l w-3/5">
<div class="flex justify-between my-3">
<div class="flex gap-5">
<p>{{ focusedTrainingReport.course_name }}</p>
@@ -132,7 +132,7 @@ onMounted(async () => {
</div>
</div>
</div>
<div v-if="sidePanel == sidePanelState.create" class="px-4 border-l w-1/2">
<div v-if="sidePanel == sidePanelState.create" class="px-4 border-l w-3/5">
<div class="flex justify-between my-3">
<div class="flex gap-5">
<p>New Training Report</p>