From 437c802b425b2847535bcc6c6371953d1fab5425 Mon Sep 17 00:00:00 2001
From: winkidney <winkidney@gmail.com>
Date: Fri, 29 Nov 2019 00:30:01 +0800
Subject: [PATCH] Feature: Add predefined size for image to make waterfall
 resize faster

---
 pinry-spa/src/components/Pins.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue
index 55242c1..d72fa6e 100644
--- a/pinry-spa/src/components/Pins.vue
+++ b/pinry-spa/src/components/Pins.vue
@@ -17,6 +17,7 @@
                 <img :src="item.url"
                      @click="openPreview(item)"
                      alt="item.description"
+                     :style="item.style"
                      class="pin-preview-image">
                 <div class="pin-footer">
                   <div class="description" v-show="item.description"><p>{{ item.description }}</p></div>
@@ -74,6 +75,10 @@ function createImageItem(pin) {
   image.avatar = `//gravatar.com/avatar/${pin.submitter.gravatar}`;
   image.original_url = pinHandler.escapeUrl(pin.image.image);
   image.orgianl_width = pin.image.width;
+  image.style = {
+    width: pin.image.thumbnail.width,
+    height: pin.image.thumbnail.height,
+  };
   return image;
 }