makes dialog use fullscreen on mobile

2021-12-02 11:14:53 +01:00
parent 88c9d48431
commit 3b8b8d45ec
12 changed files with 13 additions and 11 deletions
--- a/pages/event/_slug.vue
+++ b/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>