mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Benjamin Taylor
5a27e2ecbb
When the viewport is wide enough (>=1200px) the chat starts expanded and DOCKS: .layout--pushed adds a right margin equal to the chat width so the proverbs content reflows beside the chat instead of being covered (mirrors React's CopilotSidebar margin-inline-end push). Below the breakpoint the chat starts closed and OVERLAYS on open, so narrow screens aren't smushed. - DOCK_BREAKPOINT_PX (1200) gates the initial open state; a matching @media (min-width:1200px) rule applies the push margin - --chat-width var keeps the panel width and push margin in sync Verified live: 1400px starts expanded, content pushed beside the chat (right 929 <= chat left 960), 0 overflow; 1000px starts closed, opening overlays with no push and no overflow.