diff options
| author | shpuld <shp@cock.li> | 2019-03-12 23:50:54 +0200 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2019-03-12 23:50:54 +0200 |
| commit | 7ce8fe92141cde52e3f47d555bd6c604e1a673ed (patch) | |
| tree | 226eff9fcc01b2b2675c37075a7ab9056466060c /src/components/media_modal/media_modal.vue | |
| parent | c7e180080afd0e255e439030df800f79d33ff5de (diff) | |
| parent | f397537642a6b8a4079d8d45d835ddd50f2d2b4a (diff) | |
merge develop, add mobile nav component
Diffstat (limited to 'src/components/media_modal/media_modal.vue')
| -rw-r--r-- | src/components/media_modal/media_modal.vue | 15 |
1 files changed, 2 insertions, 13 deletions
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue index 427bf12b..7f666603 100644 --- a/src/components/media_modal/media_modal.vue +++ b/src/components/media_modal/media_modal.vue @@ -1,5 +1,5 @@ <template> - <div class="modal-view" v-if="showing" @click.prevent="hide"> + <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 class="modal-image" @@ -32,18 +32,7 @@ <style lang="scss"> @import '../../_variables.scss'; -.modal-view { - z-index: 1000; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.5); - +.media-modal-view { &:hover { .modal-view-button-arrow { opacity: 0.75; |