Fix overflow on devtools tabs

[linear[bot]]

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

[linear[bot]]

HIG-4675 Fix overflow on devtools tabs

[greptile-apps[bot]]

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