Masonry on artist list

This commit is contained in:
Eliot Berriot 2018-02-26 20:08:23 +01:00
parent 3b164302cd
commit ce1447064e
No known key found for this signature in database
GPG Key ID: DD6965E2476E5C27
3 changed files with 12 additions and 4 deletions

View File

@ -67,7 +67,7 @@ export default {
data () { data () {
return { return {
backend: backend, backend: backend,
initialTracks: 4, initialTracks: 5,
showAllTracks: false showAllTracks: false
} }
}, },

View File

@ -54,8 +54,8 @@ export default {
data () { data () {
return { return {
backend: backend, backend: backend,
initialAlbums: 3, initialAlbums: 30,
showAllAlbums: false showAllAlbums: true
} }
}, },
computed: { computed: {

View File

@ -34,8 +34,16 @@
</div> </div>
</div> </div>
<div class="ui hidden divider"></div> <div class="ui hidden divider"></div>
<div v-if="result" class="ui stackable three column grid"> <div
v-if="result"
v-masonry
transition-duration="0"
item-selector=".column"
percent-position="true"
stagger="0"
class="ui stackable three column doubling grid">
<div <div
v-masonry-tile
v-if="result.results.length > 0" v-if="result.results.length > 0"
v-for="artist in result.results" v-for="artist in result.results"
:key="artist.id" :key="artist.id"