Commit c539195d authored by Renon's avatar Renon
Browse files

fix loading browse page and dimming

parent 761433e3
Fix loading on browse page lists causing them to go down, and dimming over the top bar (#468)
......@@ -250,7 +250,7 @@ html, body {
left: 350px;
right: 0px;
top: 0px;
z-index: 1;
z-index: 2000;
}
background-color: white;
.item {
......
......@@ -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>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment