FEAT: playlist filters

app/components/Card.vue

@@ -35,7 +35,8 @@
 
         <!-- Body -->
 
-        <!-- <div class="p-3 text-center bg-white rounded-b-xl">
+        <div
+          class="p-3 text-center bg-white rounded-b-xl opacity-0 -mt-16 hover:opacity-100 hover:-mt-0 transition-all duration-300">
           <div v-if="isOrder" class="label">
             {{ props.track.order }}
           </div>
@@ -45,10 +46,10 @@
           <p v-if="isPlaylistTrack" class="select-text text-base text-neutral-800 font-bold capitalize truncate">
             {{ props.track.artist.name }}
           </p>
-          <p class="select-text">
+          <!-- <p class="select-text">
             {{ props.track.url.split('/')[4]?.split('__')[0] }}
-          </p>
-        </div> -->
+          </p> -->
+        </div>
       </main>
 
       <!-- Face-Down -->