Skip to content

feat(web): redesign admin panel and adopt repo logo - #37

Merged
javi11 merged 1 commit into
mainfrom
feat/web-admin-panel-redesign
Sep 5, 2026
Merged

javi11 merged 1 commit into
mainfrom
feat/web-admin-panel-redesign

Conversation

@javi11

@javi11 javi11 commented Sep 5, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Adopt the repo logo (docs/assets/logo.png) in the web app: full lockup on Login; a mark-only crop for the sidebar, mobile bar, favicon and PWA icons (the tagline is unreadable at 16–48px).
  • Dashboard restructured: torrent pipeline strip (deep-links to filtered Torrents), needs-attention panel for errored torrents, downloading-now list, divided storage row, addon card.
  • Torrents: search (name/hash/indexer), status filter chips with counts kept in the URL, sortable columns, manual refresh, total download speed.
  • History: reason filter chips and refresh.
  • Settings: Discard button, Cmd/Ctrl+S to save, restart-required sections labelled in words.
  • Sidebar: live download-client health line, error-count badge on Torrents, app version. Browser tab titles per page.
  • One inline SVG icon set replaces emoji/box glyphs; sentence-case labels; lighter surfaces; global focus-visible ring.
  • Fixes pre-existing daisyUI 5 breakage: removed form-control class left settings labels inline with inputs; Queued/Manual badges were invisible in dark mode.

Test plan

  • npm run build (tsc + vite) passes
  • vitest — 21 tests pass, including new torrentList filter/sort tests
  • Screenshots of Dashboard, Torrents, History, Settings, Login in dark and light themes against a mock API
  • Verify mobile card layouts on a real narrow viewport (could not resize below ~800px locally)
  • Verify favicon/PWA icons after a hard reload

Use the repo logo (docs/assets/logo.png) in the web app: the full lockup on
the login page, and a mark-only crop for the sidebar, mobile bar, favicon
and PWA icons, where the wordmark is unreadable at small sizes.

Dashboard is restructured from eight identical stat tiles into a torrent
pipeline strip, a needs-attention panel for errored torrents, a
downloading-now list, a divided storage row and the addon card.

UX additions: search, status filter chips (URL-backed), sortable columns,
manual refresh and total speed on Torrents; reason filter chips and refresh
on History; Discard button and Cmd/Ctrl+S on Settings; download client
health, error badge and version in the sidebar; per-page browser titles.

Replace emoji/box glyphs with one inline SVG icon set, drop the tracked
ALL-CAPS labels and heavy card shadows, add a global focus ring.

Fix pre-existing daisyUI 5 breakage: the removed form-control class left
settings labels inline with their inputs, and neutral badges (Queued,
Manual) were invisible in dark mode.
@javi11
javi11 merged commit 9275cf3 into main Sep 5, 2026
2 checks passed
@javi11
javi11 deleted the feat/web-admin-panel-redesign branch September 5, 2026 15:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant