Mirrors/CloudTAK
1
0
Fork 0
mirror of https://github.com/dfpc-coe/CloudTAK.git synced 2025-12-22 05:37:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Style

Browse Source
This commit is contained in:
ingalls
2025-12-15 13:29:49 -07:00
parent bb090d6fca
commit cf4d74cf54
5 changed files with 37 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
api/web/src/components/CloudTAK/Menu/MenuChannels.vue
View File

@@ -63,7 +63,10 @@
class='d-flex align-items-center gap-3 p-2'
@click='setStatus(ch, !ch.active)'
>
<div class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25' style='width: 3rem; height: 3rem; min-width: 3rem;'>
<div
class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25'
style='width: 3rem; height: 3rem; min-width: 3rem;'
>
<component
:is='ch.active ? IconEye : IconEyeOff'
:size='24'
@@ -72,8 +75,12 @@
</div>
<div class='d-flex flex-column'>
<div class='fw-bold'>{{ ch.name }}</div>
<div class='text-secondary small'>{{ ch.description || "No Description" }}</div>
<div class='fw-bold'>
{{ ch.name }}
</div>
<div class='text-secondary small'>
{{ ch.description || "No Description" }}
</div>
</div>
<div class='ms-auto'>

9
api/web/src/components/CloudTAK/Menu/MenuChats.vue
View File

@@ -62,7 +62,10 @@
class='d-flex align-items-center gap-3 p-2 w-100'
@click='multiselect ? undefined : router.push(`/menu/chats/${item.chatroom}`)'
>
<div class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25' style='width: 3rem; height: 3rem; min-width: 3rem;'>
<div
class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25'
style='width: 3rem; height: 3rem; min-width: 3rem;'
>
<IconUser
:size='24'
stroke='1'
@@ -70,7 +73,9 @@
</div>
<div class='d-flex flex-column'>
<div class='fw-bold'>{{ item.chatroom }}</div>
<div class='fw-bold'>
{{ item.chatroom }}
</div>
</div>
</StandardItem>
</template>

3
api/web/src/components/CloudTAK/Menu/MenuItemCard.vue
View File

@@ -1,6 +1,6 @@
<template>
<component
:is="compact ? 'div' : StandardItem"
:is='compact ? &apos;div&apos; : StandardItem'
:class='classes'
role='menuitem'
tabindex='0'
@@ -42,7 +42,6 @@
>
{{ description }}
</div>
</div>
</template>
<template v-else-if='compact'>

9
api/web/src/components/CloudTAK/Menu/MenuRoutes.vue
View File

@@ -45,7 +45,10 @@
class='d-flex align-items-center gap-3 p-2'
@click='clickRoute(cot)'
>
<div class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25' style='width: 3rem; height: 3rem; min-width: 3rem;'>
<div
class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25'
style='width: 3rem; height: 3rem; min-width: 3rem;'
>
<IconRoute
:size='24'
:color='cot.properties["stroke"] || "#ffffff"'
@@ -54,7 +57,9 @@
</div>
<div class='d-flex flex-column'>
<div class='fw-bold'>{{ cot.properties.callsign }}</div>
<div class='fw-bold'>
{{ cot.properties.callsign }}
</div>
<div
v-if='cot.geometry.type === "LineString"'
class='text-secondary small'

15
api/web/src/components/CloudTAK/Menu/MenuVideos.vue
View File

@@ -106,7 +106,10 @@
class='d-flex align-items-center gap-3 p-2'
@click='floatStore.addConnection(connection)'
>
<div class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25' style='width: 3rem; height: 3rem; min-width: 3rem;'>
<div
class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25'
style='width: 3rem; height: 3rem; min-width: 3rem;'
>
<IconVideo
:size='24'
stroke='1'
@@ -141,7 +144,10 @@
class='d-flex align-items-center gap-3 p-2 cursor-pointer'
@click='router.push(`/cot/${video.id}`)'
>
<div class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25' style='width: 3rem; height: 3rem; min-width: 3rem;'>
<div
class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25'
style='width: 3rem; height: 3rem; min-width: 3rem;'
>
<IconVideo
:size='24'
stroke='1'
@@ -191,7 +197,10 @@
class='d-flex align-items-center gap-3 p-2 cursor-pointer'
@click='lease = l'
>
<div class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25' style='width: 3rem; height: 3rem; min-width: 3rem;'>
<div
class='d-flex align-items-center justify-content-center rounded-circle bg-black bg-opacity-25'
style='width: 3rem; height: 3rem; min-width: 3rem;'
>
<component
:is='getLeaseIcon(l.source_type)'
:size='24'