Make tabs scrollable if they don't fit screen

2026-10-12 19:13:52 +03:00 · 2024-07-16 18:07:29 +03:00
parent 3d5866caee
commit 2a14945ecf
1 changed files with 1 additions and 1 deletions
@@ -121,7 +121,7 @@ export const DetailView = <T extends object>({
    <>
      <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
        {tabs.length > 1 && (
-          <Tabs value={tab} onChange={(_event, newValue) => setTab(newValue as number)}>
+          <Tabs variant="scrollable" value={tab} onChange={(_event, newValue) => setTab(newValue as number)}>
            {tabs.map(tab => (
              <Tab key={tab.title} label={tab.title} />
            ))}