Cards working nicely on mobile

lnbits/core/templates/core/wallet.html

@@ -125,7 +125,7 @@
       <div class="col-12 col-md-4 q-gutter-y-md">
         {% else %}
         <div
-          v-if="!mobileSimple"
+          v-if="!mobileSimple || $q.screen.gt.sm"
           class="col-12 col-md-5 q-gutter-y-md"
         >
           <q-card>

lnbits/static/js/base.js

@@ -454,7 +454,6 @@ window.windowMixin = {
     return {
       toggleSubs: true,
       walletFlip: true,
-      mobileSimple: false,
       reactionChoice: 'confettiBothSides',
       borderChoice: '',
       gradientChoice:
@@ -474,8 +473,11 @@ window.windowMixin = {
   },
 
   methods: {
-    flipWallets() {
+    flipWallets(smallScreen) {
       this.walletFlip = !this.walletFlip
+      if(this.walletFlip && smallScreen){
+        this.g.visibleDrawer = false
+      }
       this.$q.localStorage.set('lnbits.walletFlip', this.walletFlip)
     },
     simpleMobile() {

lnbits/static/js/wallet.js

@@ -7,6 +7,7 @@ window.app = Vue.createApp({
       origin: window.location.origin,
       wallet: LNbits.map.wallet(window.wallet),
       user: LNbits.map.user(window.user),
+      mobileSimple: false,
       exportUrl: `${window.location.origin}/wallet?usr=${window.user.id}&wal=${window.wallet.id}`,
       baseUrl: `${window.location.protocol}//${window.location.host}/`,
       receive: {

lnbits/templates/base.html

@@ -163,7 +163,7 @@
         flat
         :icon=" walletFlip ? 'keyboard_arrow_right' : 'keyboard_arrow_down'"
         class="absolute-top-right"
-        @click="flipWallets()"
+        @click="flipWallets($q.screen.lt.md)"
       ></q-btn>
             <lnbits-wallet-list v-if="!walletFlip" :balance="balance"></lnbits-wallet-list>
 
@@ -182,7 +182,7 @@
             
 
             <q-scroll-area
-            v-if="walletFlip && !mobileSimple"
+            v-if="walletFlip"
    
           style="
             height: 130px;