Minor UI fixes
This commit is contained in:
1 parent
6410273cf8
commit
7a93594e69
34 files changed
+254
-117
No files matched your search
+17
-13
@@ -9,20 +9,24 @@ commit, if a newer version is actually needed.
|
||||
|---|---|---|---|
|
||||
| `htmx.min.js` | https://unpkg.com/htmx.org@2.0.10/dist/htmx.min.js | 2.0.10 | 2026-08-23 |
|
||||
| `alpine.min.js` | https://unpkg.com/alpinejs@3.16.2/dist/cdn.min.js | 3.16.2 | 2026-08-23 |
|
||||
| `fonts.css` + `fonts/*.woff2` | Google Fonts CSS2 API (`family=Manrope:wght@500;600;700;800\|family=IBM+Plex+Mono:wght@400;500`) | Manrope v20, IBM Plex Mono v20 | 2026-08-23 |
|
||||
| `fonts.css` + `fonts/*.woff2` | Google Fonts CSS2 API (`family=JetBrains+Mono:wght@400;500;600;700;800\|family=IBM+Plex+Sans:wght@400;500;600;700`) | JetBrains Mono v24, IBM Plex Sans v23 | 2026-08-26 |
|
||||
|
||||
## Fonts
|
||||
|
||||
The dashboard's design system (`../dashboard.css`) uses **Manrope**
|
||||
(UI chrome/headings — a variable font, so one file per subset covers all
|
||||
four vendored weights) and **IBM Plex Mono** (tabular data: IP addresses,
|
||||
timestamps, ports — one file per weight per subset). Only the `latin`,
|
||||
`latin-ext`, `cyrillic`, and `cyrillic-ext` subsets are vendored (the UI
|
||||
is Russian/English only) — `greek` and `vietnamese` from the upstream CSS
|
||||
were dropped. `fonts.css` was hand-rewritten from the fetched Google Fonts
|
||||
CSS to point at the local `fonts/*.woff2` files instead of
|
||||
`fonts.gstatic.com`, keeping the original `unicode-range` subsetting so
|
||||
browsers still only fetch the subset(s) actually used.
|
||||
The dashboard's design system (`../dashboard.css`) uses **JetBrains
|
||||
Mono** (all headings/nav/labels/table chrome *and* tabular data — IP
|
||||
addresses, timestamps, ports, counters — a single monospace register
|
||||
throughout) and **IBM Plex Sans** (body copy, form microcopy). Both are
|
||||
variable fonts, so one file per subset covers every vendored weight.
|
||||
Only the `latin`, `latin-ext`, `cyrillic`, and `cyrillic-ext` subsets are
|
||||
vendored (the UI is Russian/English only) — `greek` and `vietnamese` from
|
||||
the upstream CSS were dropped. `fonts.css` was hand-rewritten from the
|
||||
fetched Google Fonts CSS to point at the local `fonts/*.woff2` files
|
||||
instead of `fonts.gstatic.com`, keeping the original `unicode-range`
|
||||
subsetting so browsers still only fetch the subset(s) actually used.
|
||||
|
||||
Replaces the previously vendored Manrope + IBM Plex Mono (removed
|
||||
2026-08-26 — superseded, no longer referenced by `dashboard.css`).
|
||||
|
||||
No CSS framework is vendored: the design system in `dashboard.css` is
|
||||
hand-written (sidebar shell, panels, tables, pills, forms, buttons,
|
||||
@@ -37,5 +41,5 @@ doesn't use any component that requires JS beyond htmx/Alpine themselves
|
||||
(the mobile sidebar toggle is a pure-CSS checkbox trick, not JS;
|
||||
confirmations use the browser's native dialog via htmx's `hx-confirm`).
|
||||
|
||||
Licenses: htmx (BSD 2-Clause), Alpine.js (MIT), Manrope (OFL-1.1), IBM Plex
|
||||
Mono (OFL-1.1) — all permit vendoring/redistribution unmodified.
|
||||
Licenses: htmx (BSD 2-Clause), Alpine.js (MIT), JetBrains Mono (OFL-1.1),
|
||||
IBM Plex Sans (OFL-1.1) — all permit vendoring/redistribution unmodified.
|
||||
Reference in new issue
Block a user