mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-04 18:15:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update:UI/UX improvements for playlists

Browse source
This commit is contained in:
advplyr 2023-06-11 17:03:03 -05:00
parent 455af239a1
commit db3c5396e9
4 changed files with 127 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

6
pages/playlist/_id.vue
View file

@ -1,10 +1,8 @@
<template>
<div class="w-full h-full">
<div class="w-full h-full overflow-y-auto px-2 py-6 md:p-8">
<div class="w-full flex justify-center md:block sm:w-32 md:w-52" style="min-width: 240px">
<div class="relative" style="height: fit-content">
<covers-playlist-cover :items="playlistItems" :width="240" :height="120 * bookCoverAspectRatio" :book-cover-aspect-ratio="bookCoverAspectRatio" />
</div>
<div class="w-full flex justify-center">
<covers-playlist-cover :items="playlistItems" :width="180" :height="180" />
</div>
<div class="flex-grow py-6">
<div class="flex items-center px-2">