39 lines
543 B
Vue
39 lines
543 B
Vue
<template>
|
|
<modal
|
|
:hide-header="true"
|
|
:fullscreen="true"
|
|
class="fullscreen-image"
|
|
>
|
|
<img
|
|
:src="imageUrl"
|
|
class="fullscreen-image__image"
|
|
/>
|
|
</modal>
|
|
</template>
|
|
|
|
<script>
|
|
import Modal from '@/components/Modal.vue';
|
|
|
|
export default {
|
|
components: {
|
|
Modal,
|
|
},
|
|
|
|
computed: {
|
|
imageUrl() {
|
|
return this.$store.state.imageUrl;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.fullscreen-image {
|
|
&__image {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
}
|
|
}
|
|
</style>
|