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:
1 parent
a7256620e0
commit
4a191afdec
64 files changed
+4147
-2421
No files matched your search
+7
-3
@@ -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);
|
||||
},
|
||||
};
|
||||
};
|
||||
Reference in new issue
Block a user