juli0n21/pwa-player
1
0
Fork 0
mirror of https://github.com/JuLi0n21/pwa-player.git synced 2026-04-19 23:40:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

add skeleton loading

Browse Source
This commit is contained in:
Julian Schlüter
2026-03-12 21:39:11 +01:00
parent dba1fda6ca
commit ab0038402e
12 changed files with 133 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/components/SongItemSkeleton.vue Normal file
View File

@@ -0,0 +1,21 @@
<template>
<div class="flex bg-white/5 m-1 border rounded-lg md:text-xl animate-pulse bordercolor">
<div class="flex-shrink-0 bg-white/10 m-1 rounded-lg w-14 md:w-24 h-14 md:h-24"></div>
<div class="flex flex-col flex-1 justify-center gap-2 px-2 overflow-hidden text-left">
<div class="bg-white/10 rounded w-3/4 h-4 info"></div>
<div class="bg-white/5 rounded w-1/2 h-3 action"></div>
<div class="bg-white/5 rounded w-1/4 h-3 action"></div>
</div>
</div>
</template>
<style scoped>
.info {
background-color: currentColor;
opacity: 0.15;
}
.action {
background-color: currentColor;
opacity: 0.1;
}
</style>