feat(ui): redesign dashboard, bookshelf, book detail, and auth pages

- Dashboard: page heading, bold section headers with accent icon tiles,
  carousel chevrons as SVG icons with theme-aware gradients (wood-paneling
  gradient classes preserved), and a cinematic BookCard (hover overlay with
  a quick-action button). BookCard is now fluid so it fills both the
  carousel slot and the bookshelf grid.
- Bookshelf: the filter wall becomes a search toolbar + a slide-in filter
  drawer (filtersOpen state added to the bookshelf Alpine component). Every
  filter input, the tristate cover toggle, tag autocomplete, save/load/clear
  actions, HTMX search/sort, and pagination are preserved.
- Book detail: blurred cover backdrop hero, rounded-2xl cover, bold
  typography, .btn action bar, progress/metadata cards, chip-style external
  links. All interactive rating, modals, and data-attrs preserved.
- Auth/landing: brand-gradient hero for index/login/register, icon feature
  cards, data-driven theme select (ThemeOptions). All ids (#theme-select,
  #result, #auth-result, password-requirement ids) and Alpine init preserved.

This commit is contained in:

john-okeefe

2026-08-05 16:44:52 -04:00

parent f402a3ee03

commit 07578e0206

7 changed files with 757 additions and 1050 deletions

									
										web/src/bookshelf.ts
									
		+1
		
												View File
												
				@@ -80,6 +80,7 @@ Alpine.data("bookshelf", () => ({

				  // Component state

				  showSaveModal: false,

				  showFiltersDropdown: false,

				  filtersOpen: false,

				  hasCoverState: null as boolean | null,

				  dropdownAlign: "right" as "left" | "right",

				  resizeTimeout: null as number | null,