vrr/qwen-code
2
0
Fork 0
mirror of https://github.com/QwenLM/qwen-code.git synced 2026-04-30 04:30:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 24

Limit info panel max width to 60 in two-column header layout

Browse source
This commit is contained in:
tanzhenxin 2026-01-18 15:00:58 +08:00
parent d5683886c6
commit 28f6c161da
1 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/cli/src/ui/components/Header.tsx
View file

@ -89,8 +89,10 @@ export const Header: React.FC<HeaderProps> = ({
availableTerminalWidth >= logoWidth + logoGap + minInfoPanelWidth;
// Calculate available width for info panel (use all remaining space)
// Cap at 60 when in two-column layout (with logo)
const maxInfoPanelWidth = 60;
const availableInfoPanelWidth = showLogo
? availableTerminalWidth - logoWidth - logoGap
? Math.min(availableTerminalWidth - logoWidth - logoGap, maxInfoPanelWidth)
: availableTerminalWidth;
// Calculate max path length (subtract padding/borders from available space)
@ -146,13 +148,14 @@ export const Header: React.FC<HeaderProps> = ({
</>
)}
{/* Right side: Info panel (flexible width) */}
{/* Right side: Info panel (flexible width, max 60 in two-column layout) */}
<Box
flexDirection="column"
borderStyle="round"
borderColor={theme.border.default}
paddingX={infoPanelPaddingX}
flexGrow={1}
flexGrow={showLogo ? 0 : 1}
width={showLogo ? availableInfoPanelWidth : undefined}
>
{/* Title line: >_ Qwen Code (v{version}) */}
<Text>