[balance] fix some style for mobile

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
     };
   },
 });

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