From 42b3616b03a5e7b267ea0f1b9c13455b4bad415c Mon Sep 17 00:00:00 2001
From: arcbtc <ben@arc.wales>
Date: Thu, 19 Dec 2024 23:43:39 +0000
Subject: [PATCH] Cards working nicely on mobile

---
 lnbits/core/templates/core/wallet.html | 2 +-
 lnbits/static/js/base.js               | 6 ++++--
 lnbits/static/js/wallet.js             | 1 +
 lnbits/templates/base.html             | 4 ++--
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/lnbits/core/templates/core/wallet.html b/lnbits/core/templates/core/wallet.html
index 807f86ffc..aa360a4b9 100644
--- a/lnbits/core/templates/core/wallet.html
+++ b/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>
diff --git a/lnbits/static/js/base.js b/lnbits/static/js/base.js
index a2e6a927f..c6d5574ec 100644
--- a/lnbits/static/js/base.js
+++ b/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() {
diff --git a/lnbits/static/js/wallet.js b/lnbits/static/js/wallet.js
index 5e159d06b..218045ea9 100644
--- a/lnbits/static/js/wallet.js
+++ b/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: {
diff --git a/lnbits/templates/base.html b/lnbits/templates/base.html
index b61db5f7c..9dad11cef 100644
--- a/lnbits/templates/base.html
+++ b/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;