Adjust theme

1 files changed, 17 insertions, 0 deletions

diff --git a/src/App.tsx b/src/App.tsx
index 5426184..7749ffd 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,11 +4,28 @@ import { Sidebar } from "./components/Sidebar.tsx";
 import { CameraSelector } from "./components/CameraSelector.tsx";
 import { ModelControls } from "./components/ModelControls.tsx";
 import { BackdropUpload } from "./components/BackdropUpload.tsx";
+import { useStore } from "./store/store.ts";
 import "./App.css";
 
 export const App: React.FC = () => {
+  const sidebarOpen = useStore((state) => state.sidebarOpen);
+  const toggleSidebar = useStore((state) => state.toggleSidebar);
+  const closeSidebar = useStore((state) => state.closeSidebar);
+
   return (
     <section className="app">
+      {!sidebarOpen && (
+        <button
+          className="menu-toggle"
+          onClick={toggleSidebar}
+          aria-label="Open sidebar"
+        >
+          &#9776;
+        </button>
+      )}
+      {sidebarOpen && (
+        <div className="sidebar-overlay" onClick={closeSidebar} />
+      )}
       <Sidebar />
       <main className="main-content">
         <Scene />