Mirrors/audiobookshelf
Mirrors/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-03-14 00:21:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix series page scrollbar, add bottom padding

Browse Source
This commit is contained in:
Greg Lorenzen 2025-02-17 21:11:05 +00:00
parent 5e0a12394c
commit fa6657776c
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
client/pages/library/_library/series/_id.vue
View File

@ -1,24 +1,26 @@
<template> <template>
<div id="page-wrapper" class="page" :class="streamLibraryItem ? 'streaming' : ''"> <div id="page-wrapper" class="page" :class="streamLibraryItem ? 'streaming' : ''">
<app-book-shelf-toolbar id="series-toolbar" :selected-series="series" /> <app-book-shelf-toolbar id="series-toolbar" :selected-series="series" />
<div class="max-w-6xl mx-auto"> <div class="h-full overflow-y-auto pb-[100px]">
<div class="px-4e sm:px-8e"> <div class="max-w-6xl mx-auto">
<div class="flex items-center my-8"> <div class="px-4e sm:px-8e">
<h1 class="text-2xl">{{ series.name }}</h1> <div class="flex items-center my-8">
<h1 class="text-2xl">{{ series.name }}</h1>
<button class="w-8 h-8 rounded-full flex items-center justify-center mx-4 cursor-pointer text-gray-300 hover:text-warning transform hover:scale-125 duration-100" @click="showEditSeries"> <button class="w-8 h-8 rounded-full flex items-center justify-center mx-4 cursor-pointer text-gray-300 hover:text-warning transform hover:scale-125 duration-100" @click="showEditSeries">
<span class="material-symbols text-base">edit</span> <span class="material-symbols text-base">edit</span>
</button> </button>
</div> </div>
<div class="mb-6"> <div class="mb-6">
<h2 class="font-semibold"> <h2 class="font-semibold">
{{ $strings.LabelDescription }} {{ $strings.LabelDescription }}
</h2> </h2>
<div>{{ series.description }}</div> <div>{{ series.description }}</div>
</div>
</div> </div>
<app-lazy-bookshelf page="series-books" :series-id="seriesId" />
</div> </div>
<app-lazy-bookshelf page="series-books" :series-id="seriesId" />
</div> </div>
<modals-edit-series-modal v-model="showEditSeriesModal" :series="series" /> <modals-edit-series-modal v-model="showEditSeriesModal" :series="series" />