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

+7 -3
View File
@@ -25,8 +25,12 @@ export const component: ClosureComponent = (): Component => {
const dev = store.fetch("devices", vnode.attrs["deviceFilter"]);
if (!dev.value.length) {
if (!dev.fulfilling)
return m("p.error", `No such device ${vnode.attrs["deviceId"]}`);
if (!dev.fulfilling) {
return m(
"p.text-sm font-bold text-red-500",
`No such device ${vnode.attrs["deviceId"]}`,
);
}
return m(
"loading",
{ queries: [dev] },
@@ -47,7 +51,7 @@ export const component: ClosureComponent = (): Component => {
);
}
return [m("h1", vnode.attrs["deviceId"]), cmps];
return m("div.device-page", m("h1", vnode.attrs["deviceId"]), cmps);
},
};
};