mirror of
https://framagit.org/les/gancio.git
synced 2025-01-31 16:42:22 +01:00
makes dialog use fullscreen on mobile
This commit is contained in:
parent
88c9d48431
commit
3b8b8d45ec
12 changed files with 13 additions and 11 deletions
|
@ -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'
|
||||
|
|
|
@ -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 }
|
||||
|
|
|
@ -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":"/"')
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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')}}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue