forked from mirror/pixelfed
Update Profile.vue component, use vue-masonry for MomentUI
This commit is contained in:
parent
8a822c00a7
commit
a454db8a29
|
@ -418,12 +418,17 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="profile-timeline mt-md-4">
|
<div class="profile-timeline mt-md-4">
|
||||||
<div class="card-columns" v-if="mode == 'grid'">
|
<div class="" v-if="mode == 'grid'">
|
||||||
<div class="p-sm-2 p-md-3" v-for="(s, index) in timeline">
|
<masonry
|
||||||
<a class="card info-overlay card-md-border-0" :href="s.url">
|
:cols="{default: 3, 700: 2, 400: 1}"
|
||||||
<img :src="previewUrl(s)" class="img-fluid w-100">
|
:gutter="{default: '5px'}"
|
||||||
</a>
|
>
|
||||||
</div>
|
<div class="p-1" v-for="(s, index) in timeline">
|
||||||
|
<a class="card info-overlay card-md-border-0" :href="s.url">
|
||||||
|
<img :src="previewUrl(s)" class="img-fluid w-100">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</masonry>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="timeline.length">
|
<div v-if="timeline.length">
|
||||||
<infinite-loading @infinite="infiniteTimeline">
|
<infinite-loading @infinite="infiniteTimeline">
|
||||||
|
@ -577,6 +582,9 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
import VueMasonry from 'vue-masonry-css'
|
||||||
|
|
||||||
|
Vue.use(VueMasonry);
|
||||||
export default {
|
export default {
|
||||||
props: [
|
props: [
|
||||||
'profile-id',
|
'profile-id',
|
||||||
|
|
Loading…
Reference in New Issue