Browse Source

Fix: Small picture should be resize to standard width in pin and board

pull/169/head
winkidney 5 years ago
committed by Isaac Bythewood
parent
commit
ee0c7b97a0
2 changed files with 4 additions and 0 deletions
  1. +2
    -0
      pinry-spa/src/components/Boards.vue
  2. +2
    -0
      pinry-spa/src/components/Pins.vue

+ 2
- 0
pinry-spa/src/components/Boards.vue View File

@@ -104,6 +104,7 @@ export default {
this.blocksMap[itemId].class = { this.blocksMap[itemId].class = {
'image-loaded': true, 'image-loaded': true,
}; };
this.blocksMap[itemId].style.height = 'auto';
}, },
registerScrollEvent() { registerScrollEvent() {
const self = this; const self = this;
@@ -191,6 +192,7 @@ $avatar-height: 30px;


.board-card{ .board-card{
.card-image > img { .card-image > img {
min-width: $pin-preview-width;
background-color: white; background-color: white;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
@include loader('../assets/loader.gif'); @include loader('../assets/loader.gif');


+ 2
- 0
pinry-spa/src/components/Pins.vue View File

@@ -130,6 +130,7 @@ export default {
this.blocksMap[itemId].class = { this.blocksMap[itemId].class = {
'image-loaded': true, 'image-loaded': true,
}; };
this.blocksMap[itemId].style.height = 'auto';
}, },
registerScrollEvent() { registerScrollEvent() {
const self = this; const self = this;
@@ -267,6 +268,7 @@ $avatar-height: 30px;
cursor: zoom-in; cursor: zoom-in;
} }
> img { > img {
min-width: $pin-preview-width;
background-color: white; background-color: white;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
@include loader('../assets/loader.gif'); @include loader('../assets/loader.gif');


Loading…
Cancel
Save