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

22
app/components/catalog/SelectionPanel.vue
View File

@@ -37,6 +37,13 @@
compact
@select="onSelect(item)"
/>
<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', item)"
aria-label="Pin product"
>
<Icon name="lucide:pin" size="14" class="text-white/80" />
</button>
</div>
</template>
@@ -54,6 +61,13 @@
selectable
@select="onSelect(item)"
/>
<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', item)"
aria-label="Pin hub"
>
<Icon name="lucide:pin" size="14" class="text-white/80" />
</button>
</div>
</template>
@@ -71,6 +85,13 @@
selectable
@select="onSelect(item)"
/>
<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', item)"
aria-label="Pin supplier"
>
<Icon name="lucide:pin" size="14" class="text-white/80" />
</button>
</div>
</template>
@@ -111,6 +132,7 @@ const emit = defineEmits<{
'close': []
'load-more': []
'hover': [uuid: string | null]
'pin': [type: 'product' | 'hub' | 'supplier', item: Item]
}>()
const { t } = useI18n()