mirror of
https://code.eliotberriot.com/funkwhale/funkwhale.git
synced 2025-10-06 06:09:56 +02:00
fix loading browse page and dimming
This commit is contained in:
parent
761433e3f9
commit
c539195d04
3 changed files with 8 additions and 4 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue