From 1bc626e7d53b2149e11763a4a0b60ae3c476e027 Mon Sep 17 00:00:00 2001
From: Olivier <olivier@croguennec.net>
Date: Sun, 14 Jun 2026 17:29:28 +0200
Subject: [PATCH] fix: Menu minimized quand Ipad

---
 frontend/src/components/Layout.jsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Layout.jsx b/frontend/src/components/Layout.jsx
index 4777614..b1c1cc3 100644
--- a/frontend/src/components/Layout.jsx
+++ b/frontend/src/components/Layout.jsx
@@ -218,10 +218,19 @@ function IconPlusCircle() {
 }
 
 export default function Layout() {
-  const { sidebarCollapsed, toggleSidebar, displayMode, setDisplayMode } = useUi();
+  const { sidebarCollapsed, setSidebarCollapsed, toggleSidebar, displayMode, setDisplayMode } = useUi();
   const navigate = useNavigate();
   const [navIcons, setNavIcons] = useState({});
 
+  // Auto-collapse en mode portrait sur tablette (768–1200px)
+  useEffect(() => {
+    const mq = window.matchMedia('(orientation: portrait) and (max-width: 1200px)');
+    const handler = (e) => { if (e.matches) setSidebarCollapsed(true); };
+    if (mq.matches) setSidebarCollapsed(true);
+    mq.addEventListener('change', handler);
+    return () => mq.removeEventListener('change', handler);
+  }, [setSidebarCollapsed]);
+
   useEffect(() => {
     api.get('/icons').then(rows => {
       const m = {};