Library filters sidebar, clickable tags, remove Ready badge
Build & Deploy / build-and-deploy (push) Successful in 59s

- GameCard: removed 'Ready' badge from covers (keep '🪟 Win' for
  Windows games only — it's informative since they can't be played)
- Library: sidebar with Year + Genre checkbox filter groups
  - Each shows up to 5 items with game counts, 'Show all' button
  - Active filters shown as removable chips above the grid
  - Reset button clears all filters
  - Filters reflected in URL hash (#/?genre=FPS&year=1996)
- GameDetail: year and genre tags are now clickable links to
  #/?year=1996 or #/?genre=FPS, which opens the Library with that
  filter pre-applied
- App.svelte: parses query params from hash and passes to Library
This commit is contained in:
Hermes Agent
2026-05-28 22:56:51 +02:00
parent e15ce10f5a
commit 676e101ffc
4 changed files with 469 additions and 157 deletions
+2 -8
View File
@@ -28,14 +28,8 @@
<span class="genre">{game.genre}</span>
{/if}
</div>
{#if game.ready}
<div class="badge" class:badge-windows={game.platform === 'windows'}>
{#if game.platform === 'windows'}
🪟 Win
{:else}
Ready
{/if}
</div>
{#if game.platform === 'windows'}
<div class="badge badge-windows">🪟 Win</div>
{/if}
</button>