skillbox/client/src/components/FullscreenImage.vue

32 lines
508 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';
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>