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

Feature: Add style for image

Browse Source
This commit is contained in:
winkidney
2019-02-28 18:22:08 +08:00
committed by Isaac Bythewood
parent db2d7ce9ef
commit c335a3dcb8
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
pinry/static/js/vue/main.js
View File

@@ -13,10 +13,17 @@ Vue.component('pin', {
'editable': true,
'active': false,
'textId': null,
'imageStyle': null,
}
},
props: ['pin'],
template: '#pin-template',
mounted: function() {
this.imageStyle = {
width: this.pin.image.thumbnail.width + 'px',
height: this.pin.image.thumbnail.height + 'px',
};
},
methods: {
getInlineStyle: function() {
return {};
@@ -47,7 +54,7 @@ Vue.component('pin-container', {
return {
"windowWidth": null,
"blockWidth": "240px",
"blockMargin": "240px",
"blockMargin": "15px",
"pins": [],
};
},

2
pinry/templates/includes/vue-pin.html
View File

@@ -27,7 +27,7 @@
</div>
</transition>
<a :href="pin.image.image" class="lightbox">
<a :href="pin.image.image" class="lightbox" :style="imageStyle">
<div class="image-wrapper">
<img :src="pin.image.thumbnail.image" v-on:load="onImageLoad">
</div>