Dockery/Pinry
1
0
Fork 0
mirror of https://github.com/pinry/pinry.git synced 2025-11-16 18:05:51 +01:00
Code Issues Packages Projects Releases Activity

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

Browse Source
This commit is contained in:
winkidney
2019-12-06 14:15:39 +08:00
committed by Isaac Bythewood
parent 4a33fd806a
commit ee0c7b97a0
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
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
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');