@arcblock/ux 2.9.77 → 2.9.78

package/es/Tabs/index.js

@@ -46,7 +46,9 @@ function CardTabs({
         backgroundColor: colors.backgroundsBgComponent,
         padding: 0.5,
         display: 'inline-flex',
-        columnGap: 0.25
+        columnGap: 0.25,
+        maxWidth: '100%',
+        overflowX: 'auto'
       },
       '.MuiTab-root': {
         borderRadius: '100vw',

package/lib/Tabs/index.js

@@ -67,7 +67,9 @@ function CardTabs(_ref2) {
         backgroundColor: _Colors.temp.backgroundsBgComponent,
         padding: 0.5,
         display: 'inline-flex',
-        columnGap: 0.25
+        columnGap: 0.25,
+        maxWidth: '100%',
+        overflowX: 'auto'
       },
       '.MuiTab-root': {
         borderRadius: '100vw',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.9.77",
+  "version": "2.9.78",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -359,12 +359,12 @@
     "react": ">=18.2.0",
     "react-router-dom": ">=6.22.3"
   },
-  "gitHead": "24ef8a1319fae952d5aedb57f2030d1553dfdd8e",
+  "gitHead": "db9dafbc8bc35be7884e7152d4aff169cbcbfa90",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.9.77",
-    "@arcblock/nft-display": "^2.9.77",
-    "@arcblock/react-hooks": "^2.9.77",
+    "@arcblock/icons": "^2.9.78",
+    "@arcblock/nft-display": "^2.9.78",
+    "@arcblock/react-hooks": "^2.9.78",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",

package/src/Tabs/index.jsx

@@ -46,6 +46,8 @@ function CardTabs({ tabs, current, onChange, ...rest }) {
           padding: 0.5,
           display: 'inline-flex',
           columnGap: 0.25,
+          maxWidth: '100%',
+          overflowX: 'auto',
         },
         '.MuiTab-root': {
           borderRadius: '100vw',