Add padding to Series page metadata

This commit is contained in:
Greg Lorenzen 2025-02-13 02:31:40 +00:00
parent 60e6e2278a
commit 19641c3e4b

View File

@ -2,19 +2,22 @@
<div id="page-wrapper" class="page" :class="streamLibraryItem ? 'streaming' : ''">
<app-book-shelf-toolbar id="series-toolbar" :selected-series="series" />
<div class="max-w-6xl mx-auto">
<div class="flex items-center my-8">
<h1 class="text-2xl">{{ series.name }}</h1>
<div class="px-4e sm:px-8e">
<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">
<span class="material-symbols text-base">edit</span>
</button>
</div>
<div class="mb-6">
<h2 class="font-semibold">
{{ $strings.LabelDescription }}
</h2>
<div>{{ series.description }}</div>
<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>
</button>
</div>
<div class="mb-6">
<h2 class="font-semibold">
{{ $strings.LabelDescription }}
</h2>
<div>{{ series.description }}</div>
</div>
</div>
<app-lazy-bookshelf page="series-books" :series-id="seriesId" />
</div>