diff options
| author | Edijs <iamedijs@hotmail.com> | 2019-02-14 09:52:23 -0700 |
|---|---|---|
| committer | Edijs <iamedijs@hotmail.com> | 2019-02-14 09:52:23 -0700 |
| commit | 50f0d216861bfce22c98caec7dd00bf8d9dc4a70 (patch) | |
| tree | c55e184b18dc119034c43861a5f27cd525fc1328 | |
| parent | 295becd6c8cf8d6f628be74a14d8f28361c1923a (diff) | |
Use static height if gallery has single image
| -rw-r--r-- | src/components/gallery/gallery.js | 4 | ||||
| -rw-r--r-- | src/components/gallery/gallery.vue | 7 |
2 files changed, 9 insertions, 2 deletions
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js index 7f33a81b..c713ce07 100644 --- a/src/components/gallery/gallery.js +++ b/src/components/gallery/gallery.js @@ -34,7 +34,9 @@ const Gallery = { return rows }, rowHeight () { - return itemsPerRow => ({ 'height': `${(this.width / (itemsPerRow + 0.6))}px` }) + return itemsPerRow => ({ + 'height': this.attachments.length === 1 ? '260px' : `${(this.width / (itemsPerRow + 0.6))}px` + }) }, useContainFit () { return this.$store.state.config.useContainFit diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue index 3f90caa9..90888c21 100644 --- a/src/components/gallery/gallery.vue +++ b/src/components/gallery/gallery.vue @@ -1,6 +1,11 @@ <template> <div ref="galleryContainer" style="width: 100%;"> - <div class="gallery-row" v-for="row in rows" :style="rowHeight(row.length)" :class="{ 'contain-fit': useContainFit, 'cover-fit': !useContainFit }"> + <div + v-for="(row, row_num) in rows" + :key="row_num" + :style="rowHeight(row.length)" + :class="{ 'gallery-row': true, 'contain-fit': useContainFit, 'cover-fit': !useContainFit }" + > <attachment v-for="attachment in row" :setMedia="setMedia" |