1 files changed, 23 insertions, 0 deletions

diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue
new file mode 100644
index 0000000..8e3e826
--- /dev/null
+++ b/viewer/src/views/GalleryThumbnail.vue
@@ -0,0 +1,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>