indifferentketchup/boocode
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile): hide RightRail below md breakpoint

Browse Source 
v1.6 left the right-rail file browser visible on phones (~32px column
when collapsed). Wrap the RightRail render in <div class="max-md:hidden
contents"> inside RightRailForSession so it's hidden entirely below
the md (768px) breakpoint. The `contents` class keeps the wrapper
layout-transparent on desktop. No behavior change on desktop.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
indifferentketchup
2026-05-16 06:00:25 +00:00
parent 943ae7df03
commit 6a9fe187bd
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/App.tsx
View File

@@ -26,7 +26,13 @@ function RightRailForSession({ sessionId }: { sessionId: string }) {
.catch((err) => console.warn('RightRail: failed to fetch session', err)); .catch((err) => console.warn('RightRail: failed to fetch session', err));
}, [sessionId]); }, [sessionId]);
if (!projectId) return null; if (!projectId) return null;
return <RightRail projectId={projectId} />; // Hidden entirely below md breakpoint; mobile users get the file browser
// via the FileBrowserPane infrastructure if/when it lands in workspace panes.
return (
<div className="max-md:hidden contents">
<RightRail projectId={projectId} />
</div>
);
} }
function MobileBackdrop() { function MobileBackdrop() {