diff --git a/pinry-spa/src/components/Boards.vue b/pinry-spa/src/components/Boards.vue index 1d4d4e1..48b8449 100644 --- a/pinry-spa/src/components/Boards.vue +++ b/pinry-spa/src/components/Boards.vue @@ -104,6 +104,7 @@ export default { this.blocksMap[itemId].class = { 'image-loaded': true, }; + this.blocksMap[itemId].style.height = 'auto'; }, registerScrollEvent() { const self = this; @@ -191,6 +192,7 @@ $avatar-height: 30px; .board-card{ .card-image > img { + min-width: $pin-preview-width; background-color: white; border-radius: 3px 3px 0 0; @include loader('../assets/loader.gif'); diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue index 25cef37..34ec807 100644 --- a/pinry-spa/src/components/Pins.vue +++ b/pinry-spa/src/components/Pins.vue @@ -130,6 +130,7 @@ export default { this.blocksMap[itemId].class = { 'image-loaded': true, }; + this.blocksMap[itemId].style.height = 'auto'; }, registerScrollEvent() { const self = this; @@ -267,6 +268,7 @@ $avatar-height: 30px; cursor: zoom-in; } > img { + min-width: $pin-preview-width; background-color: white; border-radius: 3px 3px 0 0; @include loader('../assets/loader.gif');