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

9
frontend/src/components/ActiveSearchList.vue
View File

@@ -40,7 +40,14 @@ function highlightText(text: string, searchterm: string) {
<ul>
<li v-for="(song, index) in props.songs" :key="index" class="rounded-lg">
<button @click="update(song.hash)" class="flex">
<img :src="encodeURI(`${userStore.cloudflareUrl.value}/${song.previewimage ? song.previewimage + '?h=120&w=120' : '/default-bg.png'}`)" class="w-12 h-12" />
<img
:src="
encodeURI(
`${userStore.cloudflareUrl.value}/${song.previewimage ? song.previewimage + '?h=120&w=120' : '/default-bg.png'}`,
)
"
class="w-12 h-12"
/>
<p class="ml-2 overflow-hidden text-ellipsis text-nowrap">
<span v-html="highlightText(song.name, search)"></span> -
<span v-html="highlightText(song.artist, props.search)"></span>