From 7395b1f288406faf7c26f339865f409015284acd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Sun, 18 Apr 2021 10:41:37 +0200
Subject: [PATCH] [balance] fix some style for mobile

---
 src/pages/Login.vue                 | 3 ---
 src/plugins/balance/pages/Admin.vue | 5 ++++-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index e41400b..89c2ce0 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -63,7 +63,6 @@ import { setBaseURL, api } from 'boot/axios';
 import { notEmpty } from 'src/utils/validators';
 import { useUserStore } from 'src/plugins/user/store';
 import PasswordInput from 'src/components/utils/PasswordInput.vue';
-import { useQuasar } from 'quasar';
 
 export default defineComponent({
   name: 'Login',
@@ -78,7 +77,6 @@ export default defineComponent({
     const password = ref('');
     const server = ref<string | undefined>(api.defaults.baseURL);
     const visible = ref(false);
-    const $q = useQuasar()
 
     function openServerSettings() {
       visible.value = !visible.value;
@@ -152,7 +150,6 @@ export default defineComponent({
       server,
       userid,
       visible,
-      $q
     };
   },
 });
diff --git a/src/plugins/balance/pages/Admin.vue b/src/plugins/balance/pages/Admin.vue
index ad2d5aa..25036d3 100644
--- a/src/plugins/balance/pages/Admin.vue
+++ b/src/plugins/balance/pages/Admin.vue
@@ -45,7 +45,7 @@
             </q-td>
             <q-td key="balance" :props="props">
               {{ getBalance(props.row.debit, props.row.credit) }}€
-              <q-menu anchor="bottom middle" self="top middle">
+              <q-menu anchor="bottom middle" self="top middle" :persistent='$q.platform.is.mobile'>
                 <q-card>
                   <q-card-section>
                     <q-tab-panels v-model="tab" animated>
@@ -64,6 +64,9 @@
                       </q-tab-panel>
                     </q-tab-panels>
                   </q-card-section>
+                  <div v-if='$q.platform.is.mobile' class='full-width row justify-center'>
+                  <q-btn label='Abbrechen' v-close-popup flat color='primary'/>
+                  </div>
                   <q-tabs
                     v-model="tab"
                     dense