Added placeholder for loading images

This commit is contained in:
RemixDev 2020-04-09 12:30:02 +02:00
parent 880c257005
commit bba5e6522c
2 changed files with 10 additions and 3 deletions

View File

@ -158,7 +158,14 @@ div#download_tab{
font-size: 24px;
margin: 4px;
}
.release > img{
width: 156px;
height: 156px;
}
.track_row > td > img{
width: 32px;
height: 32px;
}
/* Global stuff */
img.rounded {
border-radius: 5px;

View File

@ -48,7 +48,7 @@ <h1>{{ names[section] }}</h1>
</div>
<div v-if="section == 'TRACK'">
<table class="tracks_table">
<tr v-for="track in results.TRACK.data.slice(0, 6)">
<tr v-for="track in results.TRACK.data.slice(0, 6)" class="track_row">
<td style="width: 48px;"><img class="rounded coverart" v-bind:src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'"></td>
<td>{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}</td>
<td><span v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span></td>
@ -85,7 +85,7 @@ <h1>No Tracks found</h1>
<th><i class="material-icons">timer</i></th>
<th style="width: 56px;"></th>
</tr>
<tr v-for="track in results.data">
<tr v-for="track in results.data" class="track_row">
<td><img class="rounded coverart" v-bind:src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'"></td>
<td>{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}</td>
<td><span v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span></td>