Desegnu paĝon

kliento/src/AppPage.tsx

@@ -7,20 +7,33 @@ import AppProvider from "./appContext"
 import Menu from "./components/Menu"
 import PlayerListView from "./views/PlayerListView"
 
+const Columns = styled.div`
+  display: flex;
+  padding: 1em;
+`
+
+const Column = styled.div`
+  width: 50%;
+`
+
 const render = () => (<AppProvider>
   <h1>Numenera Datasphere</h1>
-  <div className="columns">
+  <Columns>
-    <Menu />
+    <Column>
-    <Routes>
+      <Menu />
-      <Route path="/" element={<div>root</div>} />
+    </Column>
-      <Route path="campaign" element={<div>campaign</div>} />
+    <Column>
-      <Route path="players" element={<PlayerListView />}>
+      <Routes>
-        <Route path=":name" element={<PlayerListView />} />
+        <Route path="/" element={<div>root</div>} />
-      </Route>
+        <Route path="campaign" element={<div>campaign</div>} />
-      <Route path="cyphers" element={<div>cyphers</div>} />
+        <Route path="players" element={<PlayerListView />}>
-      <Route path="battles" element={<div>battles</div>} />
+          <Route path=":name" element={<PlayerListView />} />
-    </Routes>
+        </Route>
-  </div>
+        <Route path="cyphers" element={<div>cyphers</div>} />
+        <Route path="battles" element={<div>battles</div>} />
+      </Routes>
+    </Column>
+  </Columns>
 </AppProvider>
 )