blob: fdfd9d3809f2ac9eaaa41c3ac4321958a575626f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<template>
<div>
<img v-if="item.thumbnail" class="thumbnail" :src="imageSrc" :title="item.path" />
<div v-else class="flex-column flex-center">
<fa-icon icon="folder" class="fa-4x" />
{{item.path}}
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";
@Component
export default class GalleryThumbnail extends Vue {
@Prop({ required: true }) readonly item!: Gallery.Item;
get imageSrc() {
return `${process.env.VUE_APP_DATA_URL}${this.item.thumbnail}`;
}
}
</script>
<style lang="scss">
.thumbnail {
max-width: 250px;
max-height: 250px;
}
</style>
|