fix loading browse page and dimming

This commit is contained in:
Renon 2018-07-31 14:47:21 +02:00
parent 761433e3f9
commit c539195d04
3 changed files with 8 additions and 4 deletions

View file

@ -10,9 +10,6 @@
<i @click="fetchData(url)" :class="['ui', 'circular', 'medium', 'refresh', 'icon']">
</i>
<div class="ui divided unstackable items">
<div v-if="isLoading" class="ui inverted active dimmer">
<div class="ui loader"></div>
</div>
<div class="item" v-for="object in objects" :key="object.id">
<div class="ui tiny image">
<img v-if="object.track.album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.track.album.cover.medium_square_crop)">
@ -45,6 +42,9 @@
</div>
</div>
</div>
<div v-if="isLoading" class="ui inverted active dimmer">
<div class="ui loader"></div>
</div>
</div>
</div>
</template>
@ -126,4 +126,7 @@ export default {
.refresh.icon {
float: right;
}
.ui.divided.items > .item:last-child {
padding-bottom: 1em !important;
}
</style>