Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-10 14:44:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

Better style for artist/album fillers

Browse source
This commit is contained in:
An Phan 2016-03-31 12:05:07 +08:00
parent b71066d2f9
commit 5729e69a7a
4 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/components/main-wrapper/main-content/albums.vue
View file

@ -11,7 +11,7 @@
| filterBy q in 'name' 'artist.name'
| limitBy numOfItems" :album="item"></album-item>
<span class="item" v-for="n in 6"></span>
<span class="item filler" v-for="n in 6"></span>
</div>
</section>
</template>

2
resources/assets/js/components/main-wrapper/main-content/artists.vue
View file

@ -10,7 +10,7 @@
| filterBy q in 'name'
| limitBy numOfItems" :artist="item"></artist-item>
<span class="item" v-for="n in 6"></span>
<span class="item filler" v-for="n in 6"></span>
</div>
</section>
</template>

4
resources/assets/js/components/main-wrapper/main-content/home.vue
View file

@ -64,7 +64,7 @@
<div class="wrapper as-{{ preferences.artistsViewMode }}">
<artist-item v-for="artist in topArtists" :artist="artist"></artist-item>
<span class="item" v-for="n in 3"></span>
<span class="item filler" v-for="n in 3"></span>
</div>
</section>
@ -73,7 +73,7 @@
<div class="wrapper">
<album-item v-for="album in topAlbums" :album="album"></album-item>
<span class="item" v-for="n in 3"></span>
<span class="item filler" v-for="n in 3"></span>
</div>
</section>
</div>

4
resources/assets/sass/partials/_mixins.scss
View file

@ -33,6 +33,10 @@
}
}
.as-list &.filler {
display: none;
}
@media only screen and (max-width: 1200px) {
width: 32%;
}