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

Show pin on hover in lists
Some checks failed
Build Docker Image / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-07 16:37:02 +07:00
parent a73a801a1d
commit 3f92b3876d
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -134,7 +134,7 @@
@select="onProductSelect(product)" @select="onProductSelect(product)"
/> />
<button <button
class="absolute -top-2 -right-2 rounded-full glass-bright border border-white/30 shadow-lg p-1.5 transition-transform hover:scale-105" class="absolute -top-2 -right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full glass-bright border border-white/30 shadow-lg p-1.5 hover:scale-105"
@click.stop="emit('pin', 'product', product)" @click.stop="emit('pin', 'product', product)"
aria-label="Pin product" aria-label="Pin product"
title="Pin" title="Pin"
@@ -209,7 +209,7 @@
@select="onSupplierSelect(supplier)" @select="onSupplierSelect(supplier)"
/> />
<button <button
class="absolute -top-2 -right-2 rounded-full glass-bright border border-white/30 shadow-lg p-1.5 transition-transform hover:scale-105" class="absolute -top-2 -right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full glass-bright border border-white/30 shadow-lg p-1.5 hover:scale-105"
@click.stop="emit('pin', 'supplier', supplier)" @click.stop="emit('pin', 'supplier', supplier)"
aria-label="Pin supplier" aria-label="Pin supplier"
title="Pin" title="Pin"
@@ -255,7 +255,7 @@
@select="onHubSelect(hub)" @select="onHubSelect(hub)"
/> />
<button <button
class="absolute -top-2 -right-2 rounded-full glass-bright border border-white/30 shadow-lg p-1.5 transition-transform hover:scale-105" class="absolute -top-2 -right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full glass-bright border border-white/30 shadow-lg p-1.5 hover:scale-105"
@click.stop="emit('pin', 'hub', hub)" @click.stop="emit('pin', 'hub', hub)"
aria-label="Pin hub" aria-label="Pin hub"
title="Pin" title="Pin"
@@ -288,7 +288,7 @@
@select="onHubSelect(hub)" @select="onHubSelect(hub)"
/> />
<button <button
class="absolute -top-2 -right-2 rounded-full glass-bright border border-white/30 shadow-lg p-1.5 transition-transform hover:scale-105" class="absolute -top-2 -right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full glass-bright border border-white/30 shadow-lg p-1.5 hover:scale-105"
@click.stop="emit('pin', 'hub', hub)" @click.stop="emit('pin', 'hub', hub)"
aria-label="Pin hub" aria-label="Pin hub"
title="Pin" title="Pin"

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

@@ -38,7 +38,7 @@
@select="onSelect(item)" @select="onSelect(item)"
/> />
<button <button
class="absolute -top-2 -right-2 rounded-full glass-bright border border-white/30 shadow-lg p-1.5 transition-transform hover:scale-105" class="absolute -top-2 -right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full glass-bright border border-white/30 shadow-lg p-1.5 hover:scale-105"
@click.stop="emit('pin', 'product', item)" @click.stop="emit('pin', 'product', item)"
aria-label="Pin product" aria-label="Pin product"
title="Pin" title="Pin"
@@ -63,7 +63,7 @@
@select="onSelect(item)" @select="onSelect(item)"
/> />
<button <button
class="absolute -top-2 -right-2 rounded-full glass-bright border border-white/30 shadow-lg p-1.5 transition-transform hover:scale-105" class="absolute -top-2 -right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full glass-bright border border-white/30 shadow-lg p-1.5 hover:scale-105"
@click.stop="emit('pin', 'hub', item)" @click.stop="emit('pin', 'hub', item)"
aria-label="Pin hub" aria-label="Pin hub"
title="Pin" title="Pin"
@@ -88,7 +88,7 @@
@select="onSelect(item)" @select="onSelect(item)"
/> />
<button <button
class="absolute -top-2 -right-2 rounded-full glass-bright border border-white/30 shadow-lg p-1.5 transition-transform hover:scale-105" class="absolute -top-2 -right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full glass-bright border border-white/30 shadow-lg p-1.5 hover:scale-105"
@click.stop="emit('pin', 'supplier', item)" @click.stop="emit('pin', 'supplier', item)"
aria-label="Pin supplier" aria-label="Pin supplier"
title="Pin" title="Pin"