mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-08 17:06:15 -08:00
chore(settings): switch SETTINGS eyebrow to inherited sans-serif
The v0.22 mockup uses JetBrains Mono for eyebrow labels as part of its broader editorial design language. The previous commit ported that one element verbatim, but the rest of the workspace shell never uses mono for chrome — only for code-adjacent data (EPG time codes, kbd glyphs, port numbers). So the SETTINGS rail title became a one-off mono label in an otherwise all-sans shell. Drop the `font-family: 'JetBrains Mono'…` declaration so the eyebrow inherits DM Sans. Bump the weight from 500 → 600 to compensate for mono's higher visual density. Uppercase + 0.1em letter-spacing + small size are kept — those carry the eyebrow effect regardless of typeface. If we ever want to port the broader mono-eyebrow system across rails and chips, that's a separate (bigger) design decision. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
b246f8e51b
commit
231c22f7d4
1 file changed
+7
-8
+7
-8
@@ -7,18 +7,17 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// Quiet mono eyebrow per the v0.22 mockup — replaces the previous bold
|
||||
// 20px h2 that competed with the section headers on the right pane for
|
||||
// "biggest text on screen". The rail is now a scannable list; the section
|
||||
// titles on the right are the dominant heading.
|
||||
// Quiet eyebrow header — small, uppercase, letter-spaced so it doesn't
|
||||
// compete with the section titles on the right pane (which is now the
|
||||
// dominant heading). Stays on the app's inherited sans-serif (DM Sans)
|
||||
// rather than the mockup's mono — the rest of the workspace shell uses
|
||||
// sans for every other small label, so a one-off mono eyebrow stood out
|
||||
// as inconsistent.
|
||||
.panel-title {
|
||||
margin: 0;
|
||||
padding: 20px 18px 12px;
|
||||
font-family:
|
||||
'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Monaco, Consolas,
|
||||
monospace;
|
||||
font-size: 11px;
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
color: var(--mat-sys-on-surface-variant);
|
||||
|
||||
Reference in new issue
Block a user