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

Move transport icons to bottom of HubCard
Some checks failed
Build Docker Image / build (push) Failing after 7m41s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-22 10:06:51 +07:00
parent bd176973a8
commit 01f0836173
1 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,16 +16,8 @@
]" ]"
> >
<div class="flex flex-col gap-1"> <div class="flex flex-col gap-1">
<!-- Title + Transport icons --> <!-- Title -->
<div class="flex items-center 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 v-if="hub.transportTypes?.length" class="flex items-center gap-1 shrink-0">
<Icon v-if="hasTransport('auto')" name="lucide:truck" size="14" class="text-base-content/50" />
<Icon v-if="hasTransport('rail')" name="lucide:train-front" size="14" class="text-base-content/50" />
<Icon v-if="hasTransport('sea')" name="lucide:ship" size="14" class="text-base-content/50" />
<Icon v-if="hasTransport('air')" name="lucide:plane" size="14" class="text-base-content/50" />
</div>
</div>
<!-- Country left, distance right --> <!-- Country left, distance right -->
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<Text tone="muted" size="sm"> <Text tone="muted" size="sm">
@@ -35,6 +27,13 @@
{{ hub.distance }} {{ hub.distance }}
</span> </span>
</div> </div>
<!-- Transport icons bottom -->
<div v-if="hub.transportTypes?.length" class="flex items-center gap-1 pt-1">
<Icon v-if="hasTransport('auto')" name="lucide:truck" size="14" class="text-base-content/50" />
<Icon v-if="hasTransport('rail')" name="lucide:train-front" size="14" class="text-base-content/50" />
<Icon v-if="hasTransport('sea')" name="lucide:ship" size="14" class="text-base-content/50" />
<Icon v-if="hasTransport('air')" name="lucide:plane" size="14" class="text-base-content/50" />
</div>
</div> </div>
</Card> </Card>
</component> </component>