Jonathan/Lyra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): favicon + toast feedback (polish)

Browse Source 
Add a vinyl-record favicon (icon.svg) — fixes the favicon.ico 404 console
error. Lightweight toast system (ToastHost + toast()) fired on request, wanted
add, search, follow, and want actions so submits give explicit feedback.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan
2026-07-12 15:44:24 +02:00
parent c027945191
commit 92d1345503
8 changed files with 76 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/design.css
+10
View File
@@ -332,3 +332,13 @@ nav.contents .sep { flex: 1; }
.am-rel .cover { margin-bottom: 7px; }
.am-rel .ac-title { font-size: 0.9rem; }
.am-rel-action { margin-top: 7px; }
/* ── Toasts ───────────────────────────────────────────── */
.toast-host { position: fixed; bottom: 26px; left: 50%; transform: translateX(-50%); z-index: 200; display: flex; flex-direction: column; gap: 8px; align-items: center; pointer-events: none; }
.toast {
background: var(--ink); color: var(--paper); font-family: var(--mono); font-size: 0.7rem;
letter-spacing: 0.1em; text-transform: uppercase; padding: 11px 18px;
box-shadow: 0 14px 40px -12px rgba(0, 0, 0, 0.6); animation: toast-in 0.18s ease-out;
}
@keyframes toast-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .toast { animation: none; } }