Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2025-02-16 05:18:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: broken scroll effect for sidebar playlist section

Browse source
This commit is contained in:
Phan An 2024-04-19 00:21:25 +02:00
parent 5b0cfa00b3
commit 6fb7484ccf
5 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/components/layout/main-wrapper/sidebar/PlaylistFolderSidebarItem.vue
View file

@ -23,7 +23,7 @@
v-for="playlist in playlistsInFolder" v-for="playlist in playlistsInFolder"
:key="playlist.id" :key="playlist.id"
:list="playlist" :list="playlist"
class="pl-4" class="pl-10"
/> />
</ul> </ul>
</li> </li>

2
resources/assets/js/components/layout/main-wrapper/sidebar/Sidebar.vue
View file

@ -10,7 +10,7 @@
<SearchForm /> <SearchForm />
</section> </section>
<section v-koel-overflow-fade class="py-0 px-6 overflow-y-auto space-y-8"> <section v-koel-overflow-fade class="py-0 overflow-y-auto space-y-8">
<SidebarYourMusicSection /> <SidebarYourMusicSection />
<SidebarPlaylistsSection /> <SidebarPlaylistsSection />
<SidebarManageSection v-if="showManageSection" /> <SidebarManageSection v-if="showManageSection" />

2
resources/assets/js/components/layout/main-wrapper/sidebar/SidebarItem.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<li <li
:class="current && 'current'" :class="current && 'current'"
class="relative before:-right-6 before:top-1/4 before:w-[4px] before:h-1/2 before:absolute before:rounded-full class="relative before:right-0 px-6 before:top-1/4 before:w-[4px] before:h-1/2 before:absolute before:rounded-full
before:transition-[box-shadow,_background-color] before:ease-in-out before:duration-500" before:transition-[box-shadow,_background-color] before:ease-in-out before:duration-500"
> >
<a <a

2
resources/assets/js/components/layout/main-wrapper/sidebar/SidebarPlaylistsSection.vue
View file

@ -5,7 +5,7 @@
<CreatePlaylistContextMenuButton /> <CreatePlaylistContextMenuButton />
</SidebarSectionHeader> </SidebarSectionHeader>
<ul v-koel-overflow-fade class="max-h-[300px] overflow-y-auto"> <ul>
<PlaylistSidebarItem :list="{ name: 'Favorites', songs: favorites }" /> <PlaylistSidebarItem :list="{ name: 'Favorites', songs: favorites }" />
<PlaylistSidebarItem :list="{ name: 'Recently Played', songs: [] }" /> <PlaylistSidebarItem :list="{ name: 'Recently Played', songs: [] }" />
<PlaylistFolderSidebarItem v-for="folder in folders" :key="folder.id" :folder="folder" /> <PlaylistFolderSidebarItem v-for="folder in folders" :key="folder.id" :folder="folder" />

2
resources/assets/js/components/layout/main-wrapper/sidebar/SidebarSectionHeader.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<h3 class="uppercase tracking-widest mb-3"> <h3 class="uppercase px-6 tracking-widest mb-3">
<slot /> <slot />
</h3> </h3>
</template> </template>