mp3-composer/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup dom tree

Browse Source
This commit is contained in:
bivashy
2026-01-05 22:24:42 +05:00
parent ff2b41c2e7
commit 16d284fe68
1 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/pages/edit.vue
View File

@ -154,7 +154,7 @@ watch(() => currentPlaylistStore.id, (newId) => {
<InputWithIcon v-model="searchValue" :icon="Search" placeholder="Search..." type="search" icon-size="5" <InputWithIcon v-model="searchValue" :icon="Search" placeholder="Search..." type="search" icon-size="5"
id="user-search" class="w-full" /> id="user-search" class="w-full" />
<div ref="tracksRef"> <div>
<div v-if="isLoading" class="flex justify-center items-center py-8"> <div v-if="isLoading" class="flex justify-center items-center py-8">
<p>Loading tracks...</p> <p>Loading tracks...</p>
</div> </div>
@ -168,9 +168,8 @@ watch(() => currentPlaylistStore.id, (newId) => {
<p v-else>No tracks in this playlist</p> <p v-else>No tracks in this playlist</p>
</div> </div>
<div v-else ref="tracksRef" class="space-y-2"> <VueDraggableNext v-model="mappedTracks" group="tracks" @change="onTrackOrderChange" item-key="id"
<VueDraggableNext v-model="mappedTracks" group="tracks" @change="onTrackOrderChange" class="space-y-2" v-else>
item-key="id">
<div v-for="track in mappedTracks" :key="track.id"> <div v-for="track in mappedTracks" :key="track.id">
<MusicCard :key="track.id" :title="track.title" :author="track.author" <MusicCard :key="track.id" :title="track.title" :author="track.author"
:authorLabel="track.authorLabel" :badges="track.badges" :imageUrl="track.imageUrl" :authorLabel="track.authorLabel" :badges="track.badges" :imageUrl="track.imageUrl"
@ -179,7 +178,6 @@ watch(() => currentPlaylistStore.id, (newId) => {
</VueDraggableNext> </VueDraggableNext>
</div> </div>
</div> </div>
</div>
<template #sidebar> <template #sidebar>
<Outline padding="none" class="h-full" side="left"> <Outline padding="none" class="h-full" side="left">
<Outline padding="dense" side="bottom"> <Outline padding="dense" side="bottom">