276b3c1a37
Tabs now dynamically reduce their max-width when the total width exceeds the TabBar container, similar to browser tab behavior. Uses a ResizeObserver on the tab area to calculate per-tab max-width as min(360, containerWidth / tabCount), floored at 60px minimum. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
6 lines
269 B
TypeScript
6 lines
269 B
TypeScript
/** Compute per-tab max-width so all tabs fit within the container. */
|
|
export function computeTabMaxWidth(containerWidth: number, tabCount: number): number {
|
|
if (tabCount === 0) return 360
|
|
return Math.max(60, Math.min(360, Math.floor(containerWidth / tabCount)))
|
|
}
|