From 91c76e80e7f5bad1064ec869df85a4082d9808db Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Thu, 18 Sep 2025 23:55:04 +0200
Subject: [PATCH] Update QR code dimensions in WalletPage.vue for improved
 display

- Increased the size of the QR code display elements to enhance visibility and user interaction.
- Adjusted the layout to maintain consistency across different screen sizes, ensuring a better user experience.

These changes contribute to a more visually appealing and functional wallet interface.
---
 src/modules/wallet/views/WalletPage.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/modules/wallet/views/WalletPage.vue b/src/modules/wallet/views/WalletPage.vue
index eda2cb9..4fa4706 100644
--- a/src/modules/wallet/views/WalletPage.vue
+++ b/src/modules/wallet/views/WalletPage.vue
@@ -261,7 +261,7 @@ onMounted(async () => {
         <div class="flex flex-col sm:flex-row items-center gap-4 sm:gap-6">
           <!-- QR Code -->
           <div class="flex-shrink-0">
-            <div v-if="isGeneratingQR" class="w-36 h-36 sm:w-48 sm:h-48 flex items-center justify-center bg-muted rounded-lg">
+            <div v-if="isGeneratingQR" class="w-48 h-48 sm:w-56 sm:h-56 flex items-center justify-center bg-muted rounded-lg">
               <RefreshCw class="h-6 w-6 sm:h-8 sm:w-8 animate-spin text-muted-foreground" />
             </div>
             <div v-else-if="defaultQrCode" class="text-center">
@@ -269,14 +269,11 @@ onMounted(async () => {
                 <img
                   :src="defaultQrCode"
                   alt="LNURL QR Code"
-                  class="w-36 h-36 sm:w-48 sm:h-48"
+                  class="w-48 h-48 sm:w-56 sm:h-56"
                 />
               </div>
-              <p class="text-xs text-muted-foreground mt-1 sm:mt-2">
-                Click QR code to copy LNURL
-              </p>
             </div>
-            <div v-else class="w-36 h-36 sm:w-48 sm:h-48 flex items-center justify-center bg-muted rounded-lg">
+            <div v-else class="w-48 h-48 sm:w-56 sm:h-56 flex items-center justify-center bg-muted rounded-lg">
               <QrCode class="h-8 w-8 sm:h-12 sm:w-12 text-muted-foreground opacity-50" />
             </div>
           </div>