feat(series): add AJAX library switching and stacked-cascade CSS

Create web/src/series.ts with Alpine component implementing the same
switchLibrary pattern as the dashboard:
- Fetch /api/series on library change instead of full page reload
- Fade out/in transition with loading spinner
- Re-render series grid and pagination from JSON response
- Save selected library to localStorage

Import series.ts in main.ts.

Add stacked-cascade CSS to input.css for multi-cover series cards:
- Covers cascade from top-left to bottom-right with increasing z-index
- Front cover sits at bottom-right (highest z-index)
- Separate layout rules for 1-7 covers with rotation offsets
- Hover lift effect on series cards

This commit is contained in:

john-okeefe

2026-05-08 20:27:27 -04:00

parent b83e319a34

commit c5cda015b3

4 changed files with 324 additions and 1 deletions

									
										web/src/main.ts
									
		+1
		
												View File
												
				@@ -29,6 +29,7 @@ import "./profile-modal";

				import "./queue";

				import "./register";

				import "./search";

				import "./series";

				import "./storage";

				import "./theme";

				import "./toast";