restructure frontend and add network settings

2025-12-18 20:38:27 +01:00
parent b0de61fd9d
commit 9afe49857a
15 changed files with 1479 additions and 696 deletions
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -12,18 +12,16 @@ export default function App() {
  const [collapsed, setCollapsed] = useState(false);
  return (
    <>
-      <Layout style={{ minHeight: '100vh' }}>
-        <AppHeader />
-        <Layout>
-          <Sidebar collapsed={collapsed} onCollapse={setCollapsed} />
-          <Layout style={{ padding: '24px' }}>
-            <Content style={{ minHeight: 'calc(100vh - 64px)' }}>
-              <Outlet />
-            </Content>
-          </Layout>
+      <Layout className="app-root">
+        <Sidebar collapsed={collapsed} onCollapse={setCollapsed} />
+        <Layout className="app-main">
+          <AppHeader />
+          <Content>
+            <Outlet />
+          </Content>
+          <AppFooter />
        </Layout>
      </Layout>
-      <AppFooter />
    </>
  );
 }