fix(site): add horizontal scroll when having many tabs (coder#8998)

BrunoQuaresma · web-flow · commit 7b35f3b3adeb · 2023-08-09T14:28:25.000Z
diff --git a/site/src/components/TemplateFiles/TemplateFiles.tsx b/site/src/components/TemplateFiles/TemplateFiles.tsx
@@ -87,6 +87,7 @@ const useStyles = makeStyles((theme) => ({
     alignItems: "baseline",
     borderBottom: `1px solid ${theme.palette.divider}`,
     gap: 1,
+    overflowX: "auto",
   },
 
   tab: {
@@ -101,6 +102,7 @@ const useStyles = makeStyles((theme) => ({
     gap: theme.spacing(0.5),
     position: "relative",
     color: theme.palette.text.secondary,
+    whiteSpace: "nowrap",
 
     "& svg": {
       width: 22,
