Merge pull request #36993 from BerriAI/litellm_/scrollable-tabs-layout-6aa9f7

fix(ui): stop the models tab strip from scrolling vertically
This commit is contained in:
yuneng-jiang 2026-08-14 18:04:42 -07:00 committed by GitHub
commit 491e2ffb1b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -175,16 +175,18 @@ export default function ModelsAndEndpointsPage() {
) : (
<Tabs value={activeKey} onValueChange={setActiveKey}>
<div className="flex min-w-0 flex-nowrap items-center gap-3 border-b">
<TabsList variant="line" className="min-w-0 flex-1 justify-start overflow-x-auto">
{visibleSlugs.map((slug) => {
const key = slug || BASE_TAB_KEY;
return (
<TabsTrigger key={key} value={key} className="flex-none">
{tabLabel(slug)}
</TabsTrigger>
);
})}
</TabsList>
<div className="-mb-1.5 min-w-0 flex-1 overflow-x-auto pb-1.5">
<TabsList variant="line" className="w-max justify-start">
{visibleSlugs.map((slug) => {
const key = slug || BASE_TAB_KEY;
return (
<TabsTrigger key={key} value={key} className="flex-none">
{tabLabel(slug)}
</TabsTrigger>
);
})}
</TabsList>
</div>
<div className="flex shrink-0 items-center gap-2 pb-1">
{lastRefreshed && (
<span className="text-xs text-muted-foreground">Last Refreshed: {lastRefreshed}</span>