From 895887c4652950a81b9ca2f52414db7a6d4411d2 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Mon, 15 Sep 2025 00:42:19 +0200
Subject: [PATCH] Update Badge styling in WalletPage for improved interaction

- Modified the Badge component to include 'pointer-events-none' class, preventing interaction with the tag badge.
- This change enhances the user experience by ensuring that the badge does not interfere with other interactive elements in the transaction display.
---
 src/modules/wallet/views/WalletPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/wallet/views/WalletPage.vue b/src/modules/wallet/views/WalletPage.vue
index 8d0f451..54ad90c 100644
--- a/src/modules/wallet/views/WalletPage.vue
+++ b/src/modules/wallet/views/WalletPage.vue
@@ -179,7 +179,7 @@ onMounted(() => {
                     class="relative p-3 rounded-lg border hover:bg-accent/50 transition-colors"
                   >
                     <!-- Tag badge in top-left corner -->
-                    <Badge v-if="tx.tag" variant="secondary" class="absolute -top-2.75 left-11 text-xs font-medium z-10 bg-blue-100 text-blue-800 border-blue-200">
+                    <Badge v-if="tx.tag" variant="secondary" class="absolute -top-2.75 left-11 text-xs font-medium z-10 bg-blue-100 text-blue-800 border-blue-200 pointer-events-none">
                       {{ tx.tag }}
                     </Badge>
                     <!-- Mobile Layout: Stack vertically -->