From ff7e3570786fda0141f6c0f31a76b30162931dc1 Mon Sep 17 00:00:00 2001 From: Travis Swicegood Date: Mon, 27 Apr 2026 11:05:18 -0600 Subject: [PATCH] [dashboards] open-brain-dashboard-next: use h-dvh for sidebar height on mobile Safari MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The sidebar uses h-screen (height: 100vh), which on iOS Safari is the *largest* viewport — i.e. the height when the URL bar is collapsed. While the URL bar is visible, the actual visible area is shorter, so the bottom of the sidebar — including the Sign Out button — is rendered below the fold and effectively unreachable until you can scroll-trigger the URL bar to collapse. Switching to h-dvh (100dvh, dynamic viewport height) makes the sidebar bound itself to the *currently* visible viewport, so the Sign Out button stays visible regardless of browser chrome state. Tailwind v4 supports the h-dvh utility natively; no config changes needed. Co-Authored-By: Claude Opus 4.7 (1M context) --- dashboards/open-brain-dashboard-next/components/Sidebar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dashboards/open-brain-dashboard-next/components/Sidebar.tsx b/dashboards/open-brain-dashboard-next/components/Sidebar.tsx index 7f95093f..9d83d290 100644 --- a/dashboards/open-brain-dashboard-next/components/Sidebar.tsx +++ b/dashboards/open-brain-dashboard-next/components/Sidebar.tsx @@ -26,7 +26,7 @@ export function Sidebar({ isOpen = false, onClose }: SidebarProps) { return (