use v-auto-animate small parts of the UI

This commit is contained in:
geoffrey45
2022-09-30 10:14:45 +03:00
committed by Mungai Njoroge
parent 52cec1d906
commit 446536f2d8
20 changed files with 37 additions and 76 deletions
@@ -1,12 +1,14 @@
<template>
<div class="artists-results">
<div class="artists-results" v-auto-animate>
<div
v-auto-animate
class="search-results-grid"
v-if="album_grid == true && search.albums.value.length"
>
<AlbumCard v-for="a in search.albums.value" :key="a.albumid" :album="a" />
</div>
<div
v-auto-animate
class="search-results-grid"
v-else-if="!album_grid && search.artists.value.length"
>
@@ -16,7 +16,7 @@
</Teleport>
</div>
<div id="tab-content">
<div id="tab-content" v-auto-animate>
<slot />
</div>
</div>
@@ -1,6 +1,6 @@
<template>
<div id="tracks-results" class="noscroll">
<div v-if="search.tracks.value.length">
<div v-if="search.tracks.value.length" v-auto-animate>
<TrackComponent
v-for="(track, index) in search.tracks.value"
:key="track.trackid"