From 03fed773f109e6ae4861ce3288da880413a73daa Mon Sep 17 00:00:00 2001 From: Denozordec Date: Fri, 30 Oct 2026 11:20:12 +0700 Subject: [PATCH] Nothing below text-xs: tab counts, sidebar group label and record TTL hint at 12px Co-Authored-By: Claude Sonnet 5.5 --- src/app/Shell.module.css | 2 +- src/screens/zones/Zones.module.css | 2 +- src/ui/PageTabs.module.css | 2 +- src/ui/SubTabs.module.css | 2 +- src/ui/record.module.css | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app/Shell.module.css b/src/app/Shell.module.css index 81391c3..543c218 100644 --- a/src/app/Shell.module.css +++ b/src/app/Shell.module.css @@ -259,7 +259,7 @@ colour, 11 px uppercase group headings, and a 48 px header on the page colour. .slist { padding: 0; gap: 1px; } .group { gap: 1px; } .group + .group { margin-top: 0; } -.grph { padding: 10px var(--s-5) var(--s-2); font: 600 11px/1.3 var(--font-ui); letter-spacing: .05em; color: color-mix(in oklch, var(--ink) 62%, transparent); } +.grph { padding: 10px var(--s-5) var(--s-2); font: 600 var(--t-1)/1.3 var(--font-ui); letter-spacing: .05em; color: color-mix(in oklch, var(--ink) 62%, transparent); } .s { gap: var(--s-5); color: var(--ink); border-radius: var(--r-3); } .s:hover { background: color-mix(in oklch, var(--pan2) 60%, transparent); } .s[data-active='true'] { background: var(--pan2); } diff --git a/src/screens/zones/Zones.module.css b/src/screens/zones/Zones.module.css index 033fd8b..4fa441a 100644 --- a/src/screens/zones/Zones.module.css +++ b/src/screens/zones/Zones.module.css @@ -115,7 +115,7 @@ the table. /* The canvas's page tab (an underline with the count) and the panel's own bars. */ .pageTabs { display:flex; gap:2px; border-bottom:1px solid var(--line); margin: 0 0 var(--s-10); } .pageTab { display:inline-flex; gap:6px; align-items:center; padding:10px 16px; border:0; border-bottom:2px solid var(--ink); margin-bottom:-1px; background:transparent; color:var(--ink); font:500 14px/1.4 var(--font-ui); cursor:default; } -.pageTab em { font:400 10px/1 var(--font-mono); opacity:.6; font-style:normal; } +.pageTab em { font:400 var(--t-1)/1 var(--font-mono); opacity:.6; font-style:normal; } .views { padding: var(--s-7) var(--s-10) 0; } .fltIn { padding: var(--s-8) var(--s-10); margin-bottom: 0; } .foot { padding: var(--s-7) var(--s-10); } diff --git a/src/ui/PageTabs.module.css b/src/ui/PageTabs.module.css index 73d70ca..0cc9bea 100644 --- a/src/ui/PageTabs.module.css +++ b/src/ui/PageTabs.module.css @@ -2,4 +2,4 @@ .tab { display:inline-flex; gap:6px; align-items:center; padding:10px 16px; border:0; border-bottom:2px solid transparent; margin-bottom:-1px; background:transparent; color:var(--mute); font:500 14px/1.4 var(--font-ui); cursor:pointer; white-space:nowrap; } .tab:hover { color:var(--ink); } .tab[aria-selected='true'] { color:var(--ink); border-bottom-color:var(--ink); } -.tab em { font:400 10px/1 var(--font-mono); opacity:.6; font-style:normal; } +.tab em { font:400 var(--t-1)/1 var(--font-mono); opacity:.6; font-style:normal; } diff --git a/src/ui/SubTabs.module.css b/src/ui/SubTabs.module.css index 69a2c93..7c97dd3 100644 --- a/src/ui/SubTabs.module.css +++ b/src/ui/SubTabs.module.css @@ -60,4 +60,4 @@ marked with an edge and the rest read as ordinary links. background: var(--acc-ink); } -.count { margin-left: var(--s-3); font: 400 10px/1 var(--font-mono); font-style: normal; opacity: .6; } +.count { margin-left: var(--s-3); font: 400 var(--t-1)/1 var(--font-mono); font-style: normal; opacity: .6; } diff --git a/src/ui/record.module.css b/src/ui/record.module.css index 426a214..5a1b06c 100644 --- a/src/ui/record.module.css +++ b/src/ui/record.module.css @@ -14,7 +14,7 @@ they read. white-space: nowrap; } -.ttl small { color: var(--faint); } +.ttl small { font-size: var(--t-1); color: var(--faint); } /* A public key or a hex string: it breaks by characters, not by words, because it has none. */