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

Render hub groups as two-column metro tiles
Some checks failed
Build Docker Image / build (push) Failing after 3m0s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-05 19:41:51 +07:00
parent 4669911162
commit adf2a7765c
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/catalog/InfoPanel.vue
View File

@@ -192,6 +192,7 @@
</div> </div>
<div v-else-if="!loadingHubs" class="space-y-4"> <div v-else-if="!loadingHubs" class="space-y-4">
<template v-if="railHubs.length"> <template v-if="railHubs.length">
<div class="grid grid-cols-2 gap-2">
<Card padding="small" class="border border-white/10 bg-white/5"> <Card padding="small" class="border border-white/10 bg-white/5">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div class="w-8 h-8 rounded-lg bg-white/10 flex items-center justify-center"> <div class="w-8 h-8 rounded-lg bg-white/10 flex items-center justify-center">
@@ -200,7 +201,6 @@
<div class="text-sm text-white/80">{{ $t('catalog.info.railHubs') }}</div> <div class="text-sm text-white/80">{{ $t('catalog.info.railHubs') }}</div>
</div> </div>
</Card> </Card>
<div class="flex flex-col gap-2">
<HubCard <HubCard
v-for="(hub, index) in railHubs" v-for="(hub, index) in railHubs"
:key="hub.uuid ?? index" :key="hub.uuid ?? index"
@@ -212,6 +212,7 @@
</template> </template>
<template v-if="seaHubs.length"> <template v-if="seaHubs.length">
<div class="grid grid-cols-2 gap-2">
<Card padding="small" class="border border-white/10 bg-white/5"> <Card padding="small" class="border border-white/10 bg-white/5">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div class="w-8 h-8 rounded-lg bg-white/10 flex items-center justify-center"> <div class="w-8 h-8 rounded-lg bg-white/10 flex items-center justify-center">
@@ -220,7 +221,6 @@
<div class="text-sm text-white/80">{{ $t('catalog.info.seaHubs') }}</div> <div class="text-sm text-white/80">{{ $t('catalog.info.seaHubs') }}</div>
</div> </div>
</Card> </Card>
<div class="flex flex-col gap-2">
<HubCard <HubCard
v-for="(hub, index) in seaHubs" v-for="(hub, index) in seaHubs"
:key="hub.uuid ?? index" :key="hub.uuid ?? index"