feat(ui): redesign UI with Tailwind CSS, CodeMirror 6, and new layout

- Replace all hand-written CSS with Tailwind utility classes
- Upgrade CodeMirror 5 to CodeMirror 6 (scoped @codemirror/* packages)
- Redesign layout with responsive sidebar navigation using JSX/Mithril
- Flatten admin routes (e.g. /admin/presets -> /presets)
- Add "remember me" login option with 2-week persistent cookie
- Add delete confirmation dialogs across admin pages
- Upgrade esbuild from 0.21 to 0.27 and update browser targets
- Add Inter and Roboto Mono variable fonts with subset script
This commit is contained in:
Zaid Humaimidi committed 2026-03-12 14:55:10 -07:00
1 parent a7256620e0
commit 4a191afdec
64 files changed
+4147 -2421

No files matched your search

+4 -7
View File
@@ -16,25 +16,22 @@ const component: ClosureComponent = (): Component => {
const filter = slice["filter"];
if (evaluateExpression(filter, device || {})) {
const dot = m(
"svg",
"svg.inline",
{
width: "1em",
height: "1em",
style: "margin: 0 0.2em 0.2em",
xmlns: "http://www.w3.org/2000/svg",
"xmlns:xlink": "http://www.w3.org/1999/xlink",
},
m("circle", {
m("circle.stroke-stone-200 stroke-1", {
cx: "0.5em",
cy: "0.5em",
r: "0.4em",
fill: evaluateExpression(slice["color"], null),
}),
);
return m(
"span.overview-dot",
dot,
evaluateExpression(slice["label"], null),
);
return m("span", dot, evaluateExpression(slice["label"], null));
}
}
return null;