fix(FileTabs): limit the max width * 11

Author: tenphi

src/components/organisms/FileTabs/FileTabs.tsx

@@ -61,6 +61,7 @@ const TabsContainerElement = tasty(Flex, {
       '[data-is-right-fade]': '3x right',
       '[data-is-right-fade] & [data-is-left-fade]': '3x left right',
     },
+    transition: 'fade',
     '--scrollbar-radius': '1ow',
     '--scrollbar-width': '.75x',
     '--scrollbar-outline-width': '1px',

src/tasty/styles/transition.ts

@@ -1,6 +1,7 @@
 import { parseStyle } from '../utils/styles';
 
 const MAP = {
+  fade: ['mask'],
   move: ['transform'],
   rotate: ['transform'],
   scale: ['transform'],