mirror of
https://github.com/BerriAI/litellm.git
synced 2026-08-28 05:25:59 +00:00
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:
commit
491e2ffb1b
1 changed files with 12 additions and 10 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue