From 34b9a2a327df1022a0fa13afeddd394a90f2adc0 Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <jj@r.bdr.sh>
Date: Fri, 30 Jan 2026 13:32:03 +0100
Subject: Adjust theme

---
 src/App.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'src/App.tsx')

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 />
-- 
cgit 

