feat: setup pretty frontend for system status

This commit is contained in:
2025-09-13 17:49:35 -05:00
parent 2e0fefa5ee
commit 64449e8976
5 changed files with 234 additions and 97 deletions
+10 -8
View File
@@ -1,22 +1,24 @@
import { Outlet, createRootRoute } from '@tanstack/react-router'
import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
import { TanstackDevtools } from '@tanstack/react-devtools'
import { Outlet, createRootRoute } from "@tanstack/react-router";
import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
import { TanstackDevtools } from "@tanstack/react-devtools";
import { Theme } from "@radix-ui/themes";
import "@radix-ui/themes/styles.css";
export const Route = createRootRoute({
component: () => (
<>
<Theme appearance="light" accentColor="blue" grayColor="gray">
<Outlet />
<TanstackDevtools
config={{
position: 'bottom-left',
position: "bottom-left",
}}
plugins={[
{
name: 'Tanstack Router',
name: "Tanstack Router",
render: <TanStackRouterDevtoolsPanel />,
},
]}
/>
</>
</Theme>
),
})
});