hamburger nav on all touch devices, add eruda for debugging

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 20:34:54 +00:00
parent e0f470137b
commit 1cbf9553ec
4 changed files with 24 additions and 6 deletions
@@ -2,24 +2,25 @@ import { useDock } from 'officerdev';
 import { Background } from './Background';
 import { Header } from './Header';
 import { Dock, ALL_DOCK_ITEMS, DEFAULT_DOCK_PATHS } from './Dock';
+import { useIsTouch } from './useIsTouch';

 type DashboardLayoutProps = {
  children?: React.ReactNode;
 };
 export function DashboardLayout({ children }: DashboardLayoutProps) {
  const { items: visibleItems } = useDock(ALL_DOCK_ITEMS, DEFAULT_DOCK_PATHS);
+  const isTouch = useIsTouch();

  return (
    <div className="relative overflow-hidden h-dvh outline-none inset-0">
      <Header dockItems={visibleItems} />
      <section className="relative h-dvh snap-start overflow-hidden">
        <Background />
-        <Dock items={visibleItems} className="hidden md:flex" />
+        {!isTouch && <Dock items={visibleItems} className="hidden md:flex" />}
        <div className="absolute inset-0 z-2 pt-[52px] md:pt-[64px] pb-2 overflow-y-auto">
          {children}
        </div>
      </section>
-
    </div>
  );
 };