diff options
Diffstat (limited to 'viewer/src/views/GalleryThumbnail.vue')
-rw-r--r-- | viewer/src/views/GalleryThumbnail.vue | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue index fdfd9d3..d7ef44c 100644 --- a/viewer/src/views/GalleryThumbnail.vue +++ b/viewer/src/views/GalleryThumbnail.vue | |||
@@ -1,6 +1,6 @@ | |||
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <img v-if="item.thumbnail" class="thumbnail" :src="imageSrc" :title="item.path" /> | 3 | <img v-if="item.thumbnail" class="thumbnail" :src="pictureSrc" :title="item.path" /> |
4 | <div v-else class="flex-column flex-center"> | 4 | <div v-else class="flex-column flex-center"> |
5 | <fa-icon icon="folder" class="fa-4x" /> | 5 | <fa-icon icon="folder" class="fa-4x" /> |
6 | {{item.path}} | 6 | {{item.path}} |
@@ -15,7 +15,7 @@ import { Component, Vue, Prop } from "vue-property-decorator"; | |||
15 | export default class GalleryThumbnail extends Vue { | 15 | export default class GalleryThumbnail extends Vue { |
16 | @Prop({ required: true }) readonly item!: Gallery.Item; | 16 | @Prop({ required: true }) readonly item!: Gallery.Item; |
17 | 17 | ||
18 | get imageSrc() { | 18 | get pictureSrc() { |
19 | return `${process.env.VUE_APP_DATA_URL}${this.item.thumbnail}`; | 19 | return `${process.env.VUE_APP_DATA_URL}${this.item.thumbnail}`; |
20 | } | 20 | } |
21 | } | 21 | } |