Compare commits

...

2 Commits

Author SHA1 Message Date
Nikhil Sonti
cba38ab81a fix(agent): DRY up sidebar offset — hoist pl-14 to parent div
Move pl-14 from the two <main> branches to their shared parent div
so any future layout branch gets the rail offset automatically.
Functionally equivalent; verified NewTabChat uses absolute inset-0
relative to its own <main>, so the chat layout is unaffected.
2026-05-07 09:51:35 -07:00
Nikhil Sonti
abfc32b0c1 fix(agent): offset main content by collapsed sidebar width to prevent overlap
Add pl-14 (56px = w-14) to both main branches in SidebarLayout so the
content is always offset to the right of the fixed overlay sidebar.
Previously, on viewports narrower than ~1300px the expanded sidebar
would visually overlap the left edge of the centered content.
2026-05-07 09:38:31 -07:00

View File

@@ -85,7 +85,8 @@ export const SidebarLayout: FC = () => {
return (
<RpcClientProvider>
<div className="relative min-h-screen bg-background">
{/* pl-14 offsets all content by the collapsed sidebar width (w-14 = 56px) so it never sits under the rail */}
<div className="relative min-h-screen bg-background pl-14">
{/* Sidebar - fixed overlay */}
{/* biome-ignore lint/a11y/noStaticElementInteractions: hover interactions needed */}
<div
@@ -96,7 +97,6 @@ export const SidebarLayout: FC = () => {
<AppSidebar expanded={sidebarOpen} onOpenShortcuts={openShortcuts} />
</div>
{/* Main content - full width, centered */}
{location.pathname === '/home/chat' ? (
<main className="relative h-dvh overflow-hidden">
<Outlet />