fix: stabilize quote flow header and step cards

This commit is contained in:
Ruslan Bakiev
2026-03-12 18:12:40 +07:00
parent a962d04ed1
commit ab3fee82f4
4 changed files with 11 additions and 39 deletions

View File

@@ -28,20 +28,9 @@
<div class="w-10 h-1 bg-base-300 rounded-full" />
</div>
<div class="flex items-center justify-between mb-1">
<div>
<p class="text-xs font-bold uppercase tracking-wider text-base-content/50">{{ $t('catalog.step', { n: 2 }) }}</p>
<h2 class="text-2xl font-black tracking-tight text-base-content">{{ $t('catalog.steps.selectDestination') }}</h2>
</div>
<span class="badge badge-neutral">{{ hubs.length }}</span>
</div>
<!-- Selected product chip -->
<div v-if="productName" class="flex items-center gap-2 mt-2 mb-1">
<span class="badge badge-warning gap-1">
<Icon name="lucide:package" size="12" />
{{ productName }}
</span>
<div class="mb-1">
<p class="text-xs font-bold uppercase tracking-wider text-base-content/50">{{ $t('catalog.step', { n: 2 }) }}</p>
<h2 class="text-2xl font-black tracking-tight text-base-content">{{ $t('catalog.steps.selectDestination') }}</h2>
</div>
<!-- Search input -->
@@ -105,8 +94,6 @@ const searchQuery = ref('')
// Get product from query
const productUuid = computed(() => route.query.product as string | undefined)
const productName = computed(() => route.query.productName as string | undefined)
// Load hubs (filtered by product if available)
const { items: hubs, isLoading, init: initHubs, setProductFilter } = useCatalogHubs()