fix(site): fix right panel layout issues at responsive breakpoints (#23573)

This commit is contained in:
Danielle Maywood
2026-03-25 13:57:43 +00:00
committed by GitHub
parent c33812a430
commit 8791328d6e
2 changed files with 3 additions and 3 deletions
@@ -214,7 +214,7 @@ export const AgentDetailView: FC<AgentDetailViewProps> = ({
{titleElement}
<div
className={cn(
"relative flex min-h-0 min-w-0 flex-1 flex-col",
"relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden",
visualExpanded && "hidden",
shouldShowSidebar && "max-md:hidden",
)}
@@ -239,7 +239,7 @@ export const RightPanel = ({
: cn(
"relative min-h-0 min-w-0",
visualOpen
? "flex h-full w-[100vw] min-w-0 flex-col border-0 border-l border-solid border-border-default sm:w-[var(--panel-width)] sm:min-w-[360px] sm:max-w-[70vw]"
? "flex h-full w-[100vw] min-w-0 flex-col border-0 border-solid border-border-default md:border-l md:w-[var(--panel-width)] md:min-w-[360px] md:max-w-[70vw]"
: "hidden",
),
)}
@@ -250,7 +250,7 @@ export const RightPanel = ({
onPointerMove={handlePointerMove}
onPointerUp={handlePointerUp}
className={cn(
"absolute top-0 left-0 z-20 hidden h-full w-1 cursor-col-resize select-none transition-colors hover:bg-content-link sm:block",
"absolute top-0 left-0 z-20 hidden h-full w-1 cursor-col-resize select-none transition-colors hover:bg-content-link md:block",
visualExpanded && "-left-1",
)}
/>