chore(weave): Fixes tab overflow (#3022)

* init * init
wandb · Nov 19, 2024 · 35aeea4 · 35aeea4
1 parent 925494e
commit 35aeea4
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx
@@ -330,12 +330,12 @@ const SimpleTabView: FC<{
           style={{margin: '12px 16px 0 16px'}}
           value={props.tabs[props.tabValue].label}
           onValueChange={props.handleTabChange}>
-          <Tabs.List>
+          <Tabs.List style={{overflowX: 'scroll', scrollbarWidth: 'none'}}>
             {props.tabs.map(tab => (
               <Tabs.Trigger
                 key={tab.label}
                 value={tab.label}
-                className="h-[30px] text-sm">
+                className="h-[30px] whitespace-nowrap text-sm">
                 {tab.label}
               </Tabs.Trigger>
             ))}