From a888d9a0f54a59586013c3fa3f7681612de4342b Mon Sep 17 00:00:00 2001 From: Admin Date: Fri, 3 Apr 2026 21:34:38 +0500 Subject: [PATCH] fix: clean up book detail mobile layout + make genre tags linkable MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Mobile action area was cluttered with Continue, Start ch.1, bookmark, stars, and shelf dropdown all competing in a single unstructured row. - Split mobile CTAs into two clear rows: Row 1: primary read button(s) only (Continue / Start from ch.1) Row 2: bookmark icon + shelf dropdown + star rating inline - 'Start from ch.1' no longer stretches to flex-1 when Continue is present — it's a compact secondary button instead - Stars and shelf dropdown moved out of the CTA row into their own line Genre tags were plain elements with no interaction. Tapping 'fantasy' or 'action' now navigates to /catalogue?genre=fantasy, pre-selecting the genre filter on the catalogue page. --- ui/src/routes/books/[slug]/+page.svelte | 146 ++++++++++++------------ 1 file changed, 76 insertions(+), 70 deletions(-) diff --git a/ui/src/routes/books/[slug]/+page.svelte b/ui/src/routes/books/[slug]/+page.svelte index 3756b8f..1227e13 100644 --- a/ui/src/routes/books/[slug]/+page.svelte +++ b/ui/src/routes/books/[slug]/+page.svelte @@ -234,7 +234,10 @@ {book.status} {/if} {#each genres as genre} - {genre} + {genre} {/each} {#if data.readersThisWeek && data.readersThisWeek > 0} @@ -348,65 +351,82 @@ -
- {#if data.lastChapter} - - {m.book_detail_continue_ch({ n: String(data.lastChapter) })} - - {/if} - {#if chapterList.length > 0} - - {data.inLib ? m.book_detail_start_ch1() : m.book_detail_preview_ch1()} - - {/if} - {#if !data.isLoggedIn} - - - - - - {:else if data.inLib} - - {/if} + + {:else if data.inLib} + + {/if} + + {#if saved} + + {/if} - -
- {#if saved} -
- -
- {/if}