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

added unit colored dot next to unit display

Browse Source
This commit is contained in:
ajdj100
2025-12-18 17:43:36 -05:00
parent f124e41630
commit 80786f996f
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ui/src/components/members/MemberCard.vue
View File

@@ -9,6 +9,7 @@ import { cn } from '@/lib/utils.js'
import { watch } from 'vue'; import { watch } from 'vue';
import { format } from 'path'; import { format } from 'path';
import Spinner from '../ui/spinner/Spinner.vue'; import Spinner from '../ui/spinner/Spinner.vue';
import { Dot } from 'lucide-vue-next';
// Props // Props
@@ -125,9 +126,12 @@ function formatDate(date: Date): string {
<span class="font-medium">{{ memberFull.member.rank }}</span> <span class="font-medium">{{ memberFull.member.rank }}</span>
</div> </div>
<div v-if="memberFull.member.unit" class="flex justify-between"> <div v-if="memberFull.member.unit" class="flex justify-between items-center">
<span class="text-muted-foreground">Unit</span> <span class="text-muted-foreground">Unit</span>
<span class="font-medium">{{ memberFull.member.unit }}</span> <span class="font-medium flex items-center gap-2">
<span class="w-2 h-2 rounded-full" :style="{ backgroundColor: textColor }"></span>
{{ memberFull.member.unit }}
</span>
</div> </div>
<div v-if="memberFull.member.status" class="flex justify-between"> <div v-if="memberFull.member.status" class="flex justify-between">