mirror of
https://github.com/coder/coder.git
synced 2026-09-24 15:04:27 +08:00
fix(site): fix right panel layout issues at responsive breakpoints (#23573)
This commit is contained in:
@@ -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",
|
||||
)}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user