From 2aebe72df816fde60a10a5f819d2caa83831e53b Mon Sep 17 00:00:00 2001
From: Arc <33088785+arcbtc@users.noreply.github.com>
Date: Sun, 16 Feb 2025 02:00:33 +0000
Subject: [PATCH] Quasarfy drawer scroll (#2965)

---
 lnbits/templates/base.html | 78 +++++++++++++++++++-------------------
 1 file changed, 40 insertions(+), 38 deletions(-)

diff --git a/lnbits/templates/base.html b/lnbits/templates/base.html
index cb0f932b..cabd3e63 100644
--- a/lnbits/templates/base.html
+++ b/lnbits/templates/base.html
@@ -177,44 +177,46 @@
           show-if-above
           :elevated="$q.screen.lt.md"
         >
-          <q-item>
-            <q-item-section>
-              <q-item-label
-                :style="$q.dark.isActive ? 'color:rgba(255, 255, 255, 0.64)' : ''"
-                class="q-item__label q-item__label--header q-pa-none"
-                header
-                v-text="$t('wallets')"
-              ></q-item-label>
-            </q-item-section>
-            <q-item-section side>
-              <q-btn
-                flat
-                :icon=" walletFlip ? 'view_list' : 'view_column'"
-                color="grey"
-                class=""
-                @click="flipWallets($q.screen.lt.md)"
-              >
-                <q-tooltip
-                  ><span
-                    v-text="walletFlip ? $t('view_list') : $t('view_column')"
-                  ></span
-                ></q-tooltip>
-              </q-btn>
-            </q-item-section>
-          </q-item>
-          <lnbits-wallet-list
-            v-if="!walletFlip"
-            :balance="balance"
-          ></lnbits-wallet-list>
-          <lnbits-manage
-            :show-admin="'{{LNBITS_ADMIN_UI}}' == 'True'"
-            :show-users="'{{LNBITS_ADMIN_UI}}' == 'True'"
-            :show-audit="'{{LNBITS_AUDIT_ENABLED}}' == 'True'"
-            :show-payments="'{{LNBITS_ADMIN_UI}}' == 'True'"
-            :show-node="'{{LNBITS_NODE_UI}}' == 'True'"
-            :show-extensions="'{{LNBITS_EXTENSIONS_DEACTIVATE_ALL}}' == 'False'"
-          ></lnbits-manage>
-          <lnbits-extension-list class="q-pb-xl"></lnbits-extension-list>
+          <q-scroll-area style="height: 100%">
+            <q-item>
+              <q-item-section>
+                <q-item-label
+                  :style="$q.dark.isActive ? 'color:rgba(255, 255, 255, 0.64)' : ''"
+                  class="q-item__label q-item__label--header q-pa-none"
+                  header
+                  v-text="$t('wallets')"
+                ></q-item-label>
+              </q-item-section>
+              <q-item-section side>
+                <q-btn
+                  flat
+                  :icon=" walletFlip ? 'view_list' : 'view_column'"
+                  color="grey"
+                  class=""
+                  @click="flipWallets($q.screen.lt.md)"
+                >
+                  <q-tooltip
+                    ><span
+                      v-text="walletFlip ? $t('view_list') : $t('view_column')"
+                    ></span
+                  ></q-tooltip>
+                </q-btn>
+              </q-item-section>
+            </q-item>
+            <lnbits-wallet-list
+              v-if="!walletFlip"
+              :balance="balance"
+            ></lnbits-wallet-list>
+            <lnbits-manage
+              :show-admin="'{{LNBITS_ADMIN_UI}}' == 'True'"
+              :show-users="'{{LNBITS_ADMIN_UI}}' == 'True'"
+              :show-audit="'{{LNBITS_AUDIT_ENABLED}}' == 'True'"
+              :show-payments="'{{LNBITS_ADMIN_UI}}' == 'True'"
+              :show-node="'{{LNBITS_NODE_UI}}' == 'True'"
+              :show-extensions="'{{LNBITS_EXTENSIONS_DEACTIVATE_ALL}}' == 'False'"
+            ></lnbits-manage>
+            <lnbits-extension-list class="q-pb-xl"></lnbits-extension-list>
+          </q-scroll-area>
         </q-drawer>
         {% endblock %} {% block page_container %}
         <q-page-container>