optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine glass UI capsules and hub card
All checks were successful
Build Docker Image / build (push) Successful in 4m43s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-06 16:28:00 +07:00
parent 981500ec5d
commit eb31b8299b
4 changed files with 143 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/catalog/HubCard.vue
View File

@@ -19,14 +19,14 @@
<!-- Title + distance/compass -->
<div class="flex items-start justify-between gap-2">
<Text size="base" weight="semibold" class="truncate">{{ hub.name }}</Text>
<div class="flex items-center gap-2 text-xs text-white/50 whitespace-nowrap">
<Text v-if="distanceLabel" size="xs" class="text-white/50">{{ distanceLabel }}</Text>
<div class="flex items-center gap-2 text-xs text-base-content/60 whitespace-nowrap">
<Text v-if="distanceLabel" size="xs" class="text-base-content/60">{{ distanceLabel }}</Text>
<div v-if="bearing !== null" class="flex items-center gap-1">
<div class="w-6 h-6 rounded-full border border-white/10 bg-white/5 flex items-center justify-center">
<div class="w-6 h-6 rounded-full border border-base-content/10 bg-base-200/40 flex items-center justify-center">
<Icon
name="lucide:arrow-up"
size="12"
class="text-white/50"
class="text-base-content/60"
:style="{ transform: `rotate(${bearing}deg)` }"
/>
</div>