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

fix(catalog): restore hover pin actions
All checks were successful
Build Docker Image / build (push) Successful in 4m56s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-07 09:55:22 +07:00
parent 1fa4a707ad
commit 589a74d75e
3 changed files with 59 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -122,6 +122,13 @@
selectable
@select="onProductSelect(product)"
/>
<button
class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
@click.stop="emit('pin', 'product', product)"
aria-label="Pin product"
>
<Icon name="lucide:pin" size="14" class="text-white/80" />
</button>
</div>
</div>
</section>
@@ -189,6 +196,13 @@
selectable
@select="onSupplierSelect(supplier)"
/>
<button
class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
@click.stop="emit('pin', 'supplier', supplier)"
aria-label="Pin supplier"
>
<Icon name="lucide:pin" size="14" class="text-white/80" />
</button>
</div>
</div>
</section>
@@ -227,6 +241,13 @@
selectable
@select="onHubSelect(hub)"
/>
<button
class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
@click.stop="emit('pin', 'hub', hub)"
aria-label="Pin hub"
>
<Icon name="lucide:pin" size="14" class="text-white/80" />
</button>
</div>
</div>
</template>
@@ -252,6 +273,13 @@
selectable
@select="onHubSelect(hub)"
/>
<button
class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
@click.stop="emit('pin', 'hub', hub)"
aria-label="Pin hub"
>
<Icon name="lucide:pin" size="14" class="text-white/80" />
</button>
</div>
</div>
</template>
@@ -298,6 +326,7 @@ const emit = defineEmits<{
'select-offer': [offer: { uuid: string; productUuid?: string | null }]
'update:current-tab': [tab: string]
'open-kyc': [uuid: string | undefined]
'pin': [type: 'product' | 'hub' | 'supplier', item: { uuid?: string | null; name?: string | null }]
}>()
const { t } = useI18n()