Merge remote-tracking branch 'origin/master'

ui/src/layouts/MainLayout.vue

@@ -23,7 +23,10 @@
     <q-drawer
       v-if="perm.loaded"
       v-model="leftDrawerOpen"
-      show-if-above
+      :show-if-above="!$q.screen.lt.md"
+      :overlay="$q.screen.lt.md"
+      :behavior="$q.screen.lt.md ? 'mobile' : 'desktop'"
+      :breakpoint="1023"
       bordered
       class="bg-secondary text-white"
     >
@@ -186,6 +189,15 @@ watch(
   }
 )
 
+watch(
+  () => $q.screen.lt.md,
+  (isMobile) => {
+    if (isMobile) {
+      leftDrawerOpen.value = false
+    }
+  }
+)
+
 
 /* ================= MENU CONFIG ================= */