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

Tweak hub distance compass styling
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 15:35:12 +07:00
parent f80164c912
commit 4585d30d53
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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