Desktop: tab row reserves enough room for the More menu button

This commit is contained in:
CRTkafa 2026-10-23 09:54:20 +08:00
parent 9ec2af86ac
commit ebd64e0f76

View file

@ -296,7 +296,7 @@ export function Tabs<T extends string>({ items, value, onChange, label, panelId
if (widths.current.length < items.length || widths.current.some(w => w === undefined)) { setShown(null); return; }
const cs = getComputedStyle(el);
const avail = (el.parentElement?.clientWidth ?? el.clientWidth) - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight) - parseFloat(cs.borderLeftWidth) - parseFloat(cs.borderRightWidth);
const next = fitTabs(widths.current, avail, active, parseFloat(cs.columnGap) || 4, 96);
const next = fitTabs(widths.current, avail, active, parseFloat(cs.columnGap) || 4, 150);
setShown(prev => (prev && prev.join() === next.join() ? prev : next.length === items.length ? null : next));
};
fit();