UI refinements: SVG overlay, toast icons, initials placeholder, empty state hint, footer #1

Merged
bryan merged 2 commits from feature/ui-refinements into main 2026-03-09 18:26:55 +00:00
Owner

Summary

  • Replace text ↓ download overlay with SVG arrow-down-to-line icon
  • Prepend circled ✓/✕ SVG icons to success/error toasts
  • Cover placeholder renders title initials instead of generic book icon
  • Empty state gets an italic hint line with upward caret
  • Minimal sticky footer pinned via flex column body layout

Test plan

  • Hover a comic card — SVG icon appears in overlay
  • Queue a download — toast shows ✓ icon; failed download shows ✕ icon
  • Comic without cover — initials render over gradient
  • Empty library — hint text and caret appear below main message
  • Footer visible at bottom of viewport on both full and short pages
  • Resize to ≤600px — no layout regressions
## Summary - Replace text ↓ download overlay with SVG arrow-down-to-line icon - Prepend circled ✓/✕ SVG icons to success/error toasts - Cover placeholder renders title initials instead of generic book icon - Empty state gets an italic hint line with upward caret - Minimal sticky footer pinned via flex column body layout ## Test plan - [ ] Hover a comic card — SVG icon appears in overlay - [ ] Queue a download — toast shows ✓ icon; failed download shows ✕ icon - [ ] Comic without cover — initials render over gradient - [ ] Empty library — hint text and caret appear below main message - [ ] Footer visible at bottom of viewport on both full and short pages - [ ] Resize to ≤600px — no layout regressions
bryan added 2 commits 2026-03-09 14:52:25 +00:00
bryan merged commit ab1e723446 into main 2026-03-09 18:26:55 +00:00
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: bryan/yoink-go#1