Fix overflow on devtools tabs

[linear]

are we using the right buttons here? why do they overflow

[linear]

HIG-4675 Fix overflow on devtools tabs

[greptile-apps]

To fix the overflow issue on devtools tabs, update the styles in DevToolsWindowV2.tsx and style.css.ts.

1. Update DevToolsWindowV2.tsx:

   <Tabs.List px="8" style={{ overflowX: 'auto', whiteSpace: 'nowrap' }}>

2. Update style.css.ts:

   export const tabsList = style({
     overflowX: 'auto',
     whiteSpace: 'nowrap',
   });

3. Apply the new style in DevToolsWindowV2.tsx:

   <Tabs.List px="8" className={styles.tabsList}>

References

/frontend/src/pages/Player/Toolbar/DevToolsWindowV2
/frontend/src/pages/Player/Toolbar/DevToolsWindowV2/style.css.ts
/frontend/src/pages/Player/Toolbar/DevToolsWindowV2/DevToolsWindowV2.tsx

Ask Greptile