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

style(web): theme the .field select (Last.fm period dropdown) to match inputs

Browse Source 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan
2026-07-13 19:13:05 +02:00
parent 7e1515fa99
commit 284872b307
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/design.css
+4 -2
View File
@@ -150,12 +150,14 @@ nav.contents .sep { flex: 1; }
.field > span { .field > span {
font-family: var(--mono); font-size: 0.64rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--graphite); font-family: var(--mono); font-size: 0.64rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--graphite);
} }
.field input { .field input, .field select {
font-family: var(--mono); font-size: 0.9rem; padding: 8px 2px; background: transparent; font-family: var(--mono); font-size: 0.9rem; padding: 8px 2px; background: transparent;
border: 0; border-bottom: 1.5px solid var(--rule-2); color: var(--ink); min-width: 200px; border: 0; border-bottom: 1.5px solid var(--rule-2); color: var(--ink); min-width: 200px;
} }
.field input::placeholder { color: var(--graphite); opacity: 0.6; } .field input::placeholder { color: var(--graphite); opacity: 0.6; }
.field input:focus { outline: none; border-bottom-color: var(--accent); } .field input:focus, .field select:focus { outline: none; border-bottom-color: var(--accent); }
.field select { -webkit-appearance: none; appearance: none; cursor: pointer; }
.field select option { color: var(--ink); background: var(--paper); }
/* ── Colophon ─────────────────────────────────────────── */ /* ── Colophon ─────────────────────────────────────────── */
.colophon { .colophon {