fix: Menu minimized quand Ipad

2026-06-14 17:29:28 +02:00
parent 98d10eaf4a
commit 1bc626e7d5
1 changed files with 10 additions and 1 deletions
@@ -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 = {};