blob: 8e3e8269f76acaee5c0014a345c696c891589f96 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<template>
<img class="thumbnail" :src="imageSrc" :title="item.path" />
</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 `/gallery${this.item.thumbnail.path}`;
}
}
</script>
<style lang="scss">
.thumbnail {
max-width: 250px;
max-height: 250px;
}
</style>
|