makes dialog use fullscreen on mobile

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>