Fix issue with multiple qr codes + visual improvements

lukso-network · Nov 7, 2024 · e86757c · e86757c
1 parent c763a1d
commit e86757c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/components/ModalTemplateConnectWallet.vue b/components/ModalTemplateConnectWallet.vue
@@ -107,7 +107,7 @@ const handleToggleMobile = () => {
         {{ formatMessage('modal_connect_wallet_mobile_scan_text') }}
       </div>
       <WalletConnectQrCode
-        class="flex items-center justify-center pb-6 pt-4"
+        class="flex items-center justify-center"
         @disconnect="handleToggleMobile"
       />
     </div>

diff --git a/components/WalletConnectQrCode.vue b/components/WalletConnectQrCode.vue
@@ -40,7 +40,9 @@ const generateQrCode = (data: string) => {
   })
 
   if (qrCodeElement.value) {
+    qrCodeElement.value.innerHTML = '<AppLoader />'
     qrCode.append(qrCodeElement.value as HTMLDivElement)
+    qrCodeElement.value.classList.add('animate-fade-in')
   }
 }
 
@@ -69,6 +71,7 @@ onMounted(async () => {
     >
       <div
         ref="qrCodeElement"
+        class="cursor-pointer"
         :style="{
           'min-height': `${size}px`,
         }"