lucasw89/STTracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): log of reads, plays, watches and listens, by month

Browse Source 
Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
Lucas Winther
2026-10-30 22:19:02 +01:00
co-authored by Claude Opus 5.5
parent b38a2674f4
commit ec39491f47
5 changed files with 160 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/theme.css
+20
View File
@@ -553,3 +553,23 @@ input[type="checkbox"] { accent-color: var(--accent); width: 15px; height: 15px;
.conn-row .conn-meta { grid-column: 1; }
.conn-row .badge { grid-row: 1; grid-column: 2; }
}
/* ---------- Log ---------- */
.screen-inner.narrow { max-width: 720px; }
.log-month { margin-top: 22px; }
.log-month h2 { font-size: 0.78rem; font-weight: 600; color: var(--text-faint); margin-bottom: 4px; position: sticky; top: 0; background: var(--surface-1); padding: 6px 0; z-index: 1; }
.log { list-style: none; }
.log-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 7px 10px; margin: 0 -10px; border-radius: var(--r-control); }
a.log-row { transition: background 0.12s; }
a.log-row:hover { background: var(--surface-2); }
.log-main { min-width: 0; display: grid; }
.log-title { font-size: 0.88rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.log-meta { font-size: 0.76rem; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.log-stars { font-size: 0.72rem; }
.log-when { font-size: 0.76rem; color: var(--text-faint); white-space: nowrap; }
.listen-cover { display: grid; place-items: center; background: color-mix(in srgb, var(--media-music) 55%, var(--surface-2)); color: #f6d3e1; }
.listen-cover .icon { width: 14px; height: 14px; }
.log-row.skeleton .bar { background: var(--surface-2); height: 10px; border-radius: 4px; width: 60%; }
.log-row.skeleton .bar + .bar { width: 35%; margin-top: 6px; height: 8px; }
.log-row.skeleton .cover { background: var(--surface-2); }
.more-btn { margin-top: 18px; }