makes dialog use fullscreen on mobile

components/Confirm.vue

@@ -1,6 +1,7 @@
 
 <template lang="pug">
   v-dialog(v-model='show'
+    :fullscreen='$vuetify.breakpoint.xsOnly'
     :color='options.color'
     :title='title'
     :max-width='options.width'

components/Footer.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
   v-footer(aria-label='Footer')
 
-    v-dialog(v-model='showFollowMe' destroy-on-close max-width='700px')
+    v-dialog(v-model='showFollowMe' destroy-on-close max-width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
       FollowMe(@close='showFollowMe=false' is-dialog)
 
     v-btn(color='primary' text href='https://gancio.org' target='_blank') Gancio <small>{{settings.version}}</small>
@@ -41,6 +41,7 @@ export default {
   computed: {
     ...mapState(['settings']),
     footerLinks () {
+      if (!this.settings || !this.settings.footerLinks) return []
       return this.settings.footerLinks.map(link => {
         if (/^https?:\/\//.test(link.href)) {
           return { href: link.href, label: link.label }

components/Nav.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  v-app-bar(app)
+  v-app-bar(app aria-label='Menu')
 
     //- logo, title and description
     v-list-item(:to='$route.name==="index"?"/about":"/"')

components/admin/Announcement.vue

@@ -2,7 +2,7 @@
   v-container
     v-card-title {{$t('common.announcements')}}
     v-card-subtitle(v-html="$t('admin.announcement_description')")
-    v-dialog(v-model='dialog' width='800px')
+    v-dialog(v-model='dialog' width='800px' :fullscreen='$vuetify.breakpoint.xsOnly')
       v-card
         v-card-title {{$t('admin.new_announcement')}}
         v-card-text.px-0

components/admin/Federation.vue

@@ -40,7 +40,7 @@
           @blur='save("instance_place", instance_place)'
         )
 
-        v-dialog(v-model='dialogAddInstance' width="500px")
+        v-dialog(v-model='dialogAddInstance' width='500px' :fullscreen='$vuetify.breakpoint.xsOnly')
           v-card
             v-card-title {{$t('admin.add_trusted_instance')}}
             v-card-text

components/admin/Places.vue

@@ -3,7 +3,7 @@
     v-card-title {{$t('common.places')}}
     v-card-subtitle(v-html="$t('admin.place_description')")
 
-    v-dialog(v-model='dialog' width='600')
+    v-dialog(v-model='dialog' width='600' :fullscreen='$vuetify.breakpoint.xsOnly')
       v-card(color='secondary')
         v-card-title {{$t('admin.edit_place')}}
         v-card-text

components/admin/Settings.vue

@@ -48,7 +48,7 @@
         inset
         :label="$t('admin.recurrent_event_visible')")
 
-    v-dialog(v-model='showSMTP' destroy-on-close max-width='700px')
+    v-dialog(v-model='showSMTP' destroy-on-close max-width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
       SMTP(@close='showSMTP = false')
 
     v-card-actions

components/admin/Theme.vue

@@ -32,7 +32,7 @@
       //-           v-on='on') {{i}}
       //-       v-color-picker(light @update:color='c => updateColor(i, c)')
 
-      v-dialog(v-model='linkModal' width='500')
+      v-dialog(v-model='linkModal' width='500' :fullscreen='$vuetify.breakpoint.xsOnly')
         v-card
           v-card-title {{$t('admin.footer_links')}}
           v-card-text

components/admin/Users.vue

@@ -10,7 +10,7 @@
     v-btn(color='primary' text @click='newUserDialog = true') <v-icon>mdi-plus</v-icon> {{$t('common.new_user')}}
 
     //- ADD NEW USER
-    v-dialog(v-model='newUserDialog' :fullscreen="$vuetify.breakpoint.xsOnly")
+    v-dialog(v-model='newUserDialog' :fullscreen='$vuetify.breakpoint.xsOnly')
 
       v-card(color='secondary')
         v-card-title {{$t('common.new_user')}}

pages/add/MediaInput.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
   span
-    v-dialog(v-model='openMediaDetails' max-width='1000px')
+    v-dialog(v-model='openMediaDetails' :fullscreen="$vuetify.breakpoint.xsOnly" width='1000px')
       v-card
         v-card-title {{$t('common.media')}}
         v-card-text

pages/add/_edit.vue

@@ -6,7 +6,7 @@
         v-spacer
         v-btn(link text color='primary' @click='openImportDialog=true')
           <v-icon>mdi-file-import</v-icon> {{$t('common.import')}}
-      v-dialog(v-model='openImportDialog')
+      v-dialog(v-model='openImportDialog' :fullscreen='$vuetify.breakpoint.xsOnly')
         ImportDialog(@close='openImportDialog=false' @imported='eventImported')
 
       v-card-text.px-0.px-xs-2

pages/event/_slug.vue

@@ -126,7 +126,7 @@ v-container#event.pa-0.pa-sm-2
           :to='`/event/${event.next}`' :disabled='!event.next')
           v-icon mdi-arrow-right
 
-      v-dialog(v-model='showEmbed' width='1000px')
+      v-dialog(v-model='showEmbed' width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
         EmbedEvent(:event='event' @close='showEmbed=false')
 
 </template>