Fix: mobile view wallet issues (#3850)

lnbits/static/js/components/lnbits-manage-wallet-list.js

@@ -17,6 +17,13 @@ window.app.component('lnbits-manage-wallet-list', {
       } else {
         this.activeWalletId = null
       }
+    },
+    'g.user.wallets': {
+      handler() {
+        this.paymentEvents()
+      },
+      deep: true,
+      immediate: true
     }
   },
   created() {

lnbits/templates/components/lnbits-header.vue

@@ -27,12 +27,9 @@
       ></q-btn>
       <q-toolbar-title>
         <q-btn flat no-caps dense class="q-mr-sm" size="lg" type="a" href="/">
-          <q-img
+          <q-avatar v-if="g.settings.customLogo" height="30px">
-            v-if="customLogo"
+            <img alt="Logo" :src="g.settings.customLogo" />
-            height="30px"
+          </q-avatar>
-            alt="Logo"
-            :src="customLogo"
-          ></q-img>
           <span v-else-if="g.settings.siteTitle == 'LNbits'"
             ><strong>LN</strong>bits</span
           >

lnbits/templates/components/lnbits-payment-list.vue

@@ -1,4 +1,5 @@
 <template id="lnbits-payment-list">
+  <template v-if="$q.screen.gt.sm || payments.length">
     <div class="row items-center no-wrap">
       <div class="col" v-if="!g.mobileSimple || $q.screen.gt.sm">
         <q-input
@@ -363,7 +364,9 @@
             key="amount"
             :props="props"
             class="col1"
-          v-text="parseFloat(String(props.row.fsat).replaceAll(',', '')) / 100"
+            v-text="
+              parseFloat(String(props.row.fsat).replaceAll(',', '')) / 100
+            "
           >
           </q-td>
           <q-td class="col2" auto-width key="amount" v-else :props="props">
@@ -458,7 +461,9 @@
                 </q-list>
 
                 <div
-                v-if="props.row.isIn && props.row.isPending && props.row.bolt11"
+                  v-if="
+                    props.row.isIn && props.row.isPending && props.row.bolt11
+                  "
                 >
                   <div v-if="props.row.extra.fiat_payment_request">
                     <lnbits-qrcode
@@ -545,4 +550,5 @@
         </q-tr>
       </template>
     </q-table>
+  </template>
 </template>

lnbits/templates/pages/wallet.vue

@@ -204,7 +204,7 @@
       </q-card>
     </div>
     <div
-      v-if="!g.mobileSimple || !$q.screen.lt.md"
+      v-show="!g.mobileSimple || !$q.screen.lt.md"
       class="col-12 col-md-5 q-gutter-y-md"
     >
       <lnbits-wallet-extra