Move filter bar below continue-reading section on home page
This commit is contained in:
@@ -130,6 +130,12 @@ const homeTmpl = `
|
|||||||
</div>
|
</div>
|
||||||
<p class="text-zinc-400 mb-2">{{len .Books}} book{{if ne (len .Books) 1}}s{{end}} on disk</p>
|
<p class="text-zinc-400 mb-2">{{len .Books}} book{{if ne (len .Books) 1}}s{{end}} on disk</p>
|
||||||
|
|
||||||
|
<!-- Continue reading section (populated by JS) -->
|
||||||
|
<div id="continue-reading-section" class="hidden mb-6">
|
||||||
|
<h2 class="text-lg font-semibold text-zinc-200 mb-3">Continue reading</h2>
|
||||||
|
<div id="continue-reading-grid" class="grid gap-4 sm:grid-cols-2"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Filter bar -->
|
<!-- Filter bar -->
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<input id="filter-input" type="search" placeholder="Filter by title, author, genre…"
|
<input id="filter-input" type="search" placeholder="Filter by title, author, genre…"
|
||||||
@@ -138,12 +144,6 @@ const homeTmpl = `
|
|||||||
<p id="filter-count" class="text-xs text-zinc-500 mt-1 hidden"></p>
|
<p id="filter-count" class="text-xs text-zinc-500 mt-1 hidden"></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Continue reading section (populated by JS) -->
|
|
||||||
<div id="continue-reading-section" class="hidden mb-10">
|
|
||||||
<h2 class="text-lg font-semibold text-zinc-200 mb-3">Continue reading</h2>
|
|
||||||
<div id="continue-reading-grid" class="grid gap-4 sm:grid-cols-2"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- All books grid -->
|
<!-- All books grid -->
|
||||||
<div id="available-section">
|
<div id="available-section">
|
||||||
<h2 id="available-heading" class="text-lg font-semibold text-zinc-200 mb-3{{if eq (len .Books) 0}} hidden{{end}}">Available</h2>
|
<h2 id="available-heading" class="text-lg font-semibold text-zinc-200 mb-3{{if eq (len .Books) 0}} hidden{{end}}">Available</h2>
|
||||||
|
|||||||
Reference in New Issue
Block a user