Add sidebar to proxy app

This commit is contained in:
Gregory Schier
2026-03-09 09:33:35 -07:00
parent a0442fb42b
commit e87c3291e7
+4
View File
@@ -2,6 +2,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { type } from "@tauri-apps/plugin-os"; import { type } from "@tauri-apps/plugin-os";
import { HeaderSize } from "@yaakapp-internal/ui"; import { HeaderSize } from "@yaakapp-internal/ui";
import { ActionButton } from "./ActionButton"; import { ActionButton } from "./ActionButton";
import { Sidebar } from "./Sidebar";
import classNames from "classnames"; import classNames from "classnames";
import { createStore, Provider, useAtomValue } from "jotai"; import { createStore, Provider, useAtomValue } from "jotai";
import { StrictMode } from "react"; import { StrictMode } from "react";
@@ -57,6 +58,8 @@ function App() {
Yaak Proxy Yaak Proxy
</div> </div>
</HeaderSize> </HeaderSize>
<div className="grid grid-cols-[auto_1fr] min-h-0">
<Sidebar />
<main className="overflow-auto p-4"> <main className="overflow-auto p-4">
<div className="flex items-center gap-3 mb-4"> <div className="flex items-center gap-3 mb-4">
<ActionButton <ActionButton
@@ -97,6 +100,7 @@ function App() {
</div> </div>
</main> </main>
</div> </div>
</div>
); );
} }