Commit ad045222 authored by Tae Hoon's avatar Tae Hoon

update flex-grow calculation logic

parent 0396c6f2
import Attachment from '../attachment/attachment.vue'
import { chunk, last, dropRight } from 'lodash'
import { chunk, last, dropRight, sumBy } from 'lodash'
const Gallery = {
props: [
......@@ -39,13 +39,13 @@ const Gallery = {
rowStyle (itemsPerRow) {
return { 'padding-bottom': `${(100 / (itemsPerRow + 0.6))}%` }
},
itemStyle (id) {
itemStyle (id, row) {
const total = sumBy(row, item => this.getAspectRatio(item.id))
return { flexGrow: this.getAspectRatio(id) / total }
},
getAspectRatio (id) {
const size = this.sizes[id]
if (size) {
return { flex: size.width / size.height }
} else {
return {}
}
return size ? size.width / size.height : 1
}
}
}
......
......@@ -19,7 +19,7 @@
:attachment="attachment"
:allow-play="false"
:natural-size-load="onNaturalSizeLoad.bind(null, attachment.id)"
:style="itemStyle(attachment.id)"
:style="itemStyle(attachment.id, row)"
/>
</div>
</div>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment