diff options
Diffstat (limited to 'src/components/media_modal/media_modal.vue')
| -rw-r--r-- | src/components/media_modal/media_modal.vue | 22 |
1 files changed, 7 insertions, 15 deletions
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue index 95a4dd33..7f666603 100644 --- a/src/components/media_modal/media_modal.vue +++ b/src/components/media_modal/media_modal.vue @@ -1,33 +1,25 @@ <template> - <div - v-if="showing" - class="modal-view media-modal-view" - @click.prevent="hide" - > - <img - v-if="type === 'image'" - class="modal-image" - :src="currentMedia.url" - > + <div class="modal-view media-modal-view" v-if="showing" @click.prevent="hide"> + <img class="modal-image" v-if="type === 'image'" :src="currentMedia.url"></img> <VideoAttachment - v-if="type === 'video'" class="modal-image" + v-if="type === 'video'" :attachment="currentMedia" :controls="true" - @click.stop.native="" - /> + @click.stop.native=""> + </VideoAttachment> <button - v-if="canNavigate" :title="$t('media_modal.previous')" class="modal-view-button-arrow modal-view-button-arrow--prev" + v-if="canNavigate" @click.stop.prevent="goPrev" > <i class="icon-left-open arrow-icon" /> </button> <button - v-if="canNavigate" :title="$t('media_modal.next')" class="modal-view-button-arrow modal-view-button-arrow--next" + v-if="canNavigate" @click.stop.prevent="goNext" > <i class="icon-right-open arrow-icon" /> |