@blocklet/ui-react 2.11.11 → 2.11.13

package/lib/UserCenter/components/config-profile.js

@@ -61,7 +61,7 @@ export default function ConfigProfile({ user, onSave }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx(Select, { fullWidth: true, value: currentState.locale, onChange: handleChange, size: "small", children: (window.blocklet.languages || languages).map((x) => /* @__PURE__ */ jsx(MenuItem, { value: x.code, children: x.name }, x.code)) })
+          /* @__PURE__ */ jsx(Select, { value: currentState.locale, onChange: handleChange, size: "small", sx: { minWidth: 300 }, children: (window.blocklet.languages || languages).map((x) => /* @__PURE__ */ jsx(MenuItem, { value: x.code, children: x.name }, x.code)) })
         ] })
       ]
     }

package/lib/UserCenter/components/settings.js

@@ -93,7 +93,7 @@ export default function Settings({
           }
         ),
         /* @__PURE__ */ jsx(Box, { mt: 2.5, children: tab.content }),
-        index < tabs.length - 1 ? /* @__PURE__ */ jsx(Divider, { sx: { mt: 2.5, mb: 2.5 } }) : null
+        index < tabs.length - 1 ? /* @__PURE__ */ jsx(Divider, { sx: { mt: 2.5, mb: 2.5, borderColor: colors.dividerColor } }) : null
       ] }, tab.value))
     }
   );

package/lib/UserCenter/components/user-center.js

@@ -316,7 +316,7 @@ export default function UserCenter({
               }
             }
           ),
-          /* @__PURE__ */ jsx(Divider, { sx: { mt: 3, mb: 3 } }),
+          /* @__PURE__ */ jsx(Divider, { sx: { mt: 3, mb: 3, borderColor: colors.dividerColor } }),
           userCenterTabs.length > 0 && currentTab ? /* @__PURE__ */ jsxs(
             Box,
             {
@@ -336,7 +336,7 @@ export default function UserCenter({
                     current: currentActiveTab?.value ?? currentTab,
                     onChange: handleChangeTab,
                     sx: {
-                      width: isMobile ? "100%" : 180,
+                      width: isMobile ? "100%" : 160,
                       marginBottom: isMobile ? "8px" : 0,
                       flexShrink: 0,
                       ".MuiTabs-flexContainer": {
@@ -346,13 +346,15 @@ export default function UserCenter({
                         },
                         ".MuiTab-root": {
                           display: "block",
-                          textAlign: "left"
+                          textAlign: "left",
+                          alignItems: "flex-start",
+                          justifyContent: "flex-start"
                         }
                       }
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx(Divider, { orientation: "vertical", sx: { height: "100%", mr: 2 } }),
+                /* @__PURE__ */ jsx(Divider, { orientation: "vertical", sx: { height: "100%", mr: 3, borderColor: colors.dividerColor } }),
                 !privacyState.data || privacyState.loading ? /* @__PURE__ */ jsx(
                   Box,
                   {

package/lib/UserSessions/components/user-sessions.js

@@ -257,12 +257,13 @@ export default function UserSessions({
     Box,
     {
       sx: {
+        maxWidth: 920,
         ".MuiTableCell-head": {
           whiteSpace: "nowrap",
           fontWeight: "bold"
         },
         ".MuiTableCell-root": {
-          paddingRight: "16px"
+          paddingRight: "8px"
         }
       },
       children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.11.11",
+  "version": "2.11.13",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -32,8 +32,8 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/bridge": "^2.11.11",
-    "@arcblock/react-hooks": "^2.11.11",
+    "@arcblock/bridge": "^2.11.13",
+    "@arcblock/react-hooks": "^2.11.13",
     "@blocklet/did-space-react": "^0.6.0",
     "@iconify-icons/logos": "^1.2.36",
     "@iconify-icons/material-symbols": "^1.2.58",
@@ -81,5 +81,5 @@
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "fc251e65f592a96d6fe876dda5d6158f7fbd2613"
+  "gitHead": "0be0694186c9696374c4adfa5c7fa530b2ca0050"
 }

package/src/UserCenter/components/config-profile.tsx

@@ -60,7 +60,7 @@ export default function ConfigProfile({ user, onSave }: { user: User; onSave: (t
             height: 2,
           }}
         />
-        <Select fullWidth value={currentState.locale} onChange={handleChange} size="small">
+        <Select value={currentState.locale} onChange={handleChange} size="small" sx={{ minWidth: 300 }}>
           {(window.blocklet.languages || languages).map((x: { name: string; code: string }) => (
             <MenuItem value={x.code} key={x.code}>
               {x.name}

package/src/UserCenter/components/settings.tsx

@@ -104,7 +104,7 @@ export default function Settings({
             {tab.label}
           </Typography>
           <Box mt={2.5}>{tab.content}</Box>
-          {index < tabs.length - 1 ? <Divider sx={{ mt: 2.5, mb: 2.5 }} /> : null}
+          {index < tabs.length - 1 ? <Divider sx={{ mt: 2.5, mb: 2.5, borderColor: colors.dividerColor }} /> : null}
         </Box>
       ))}
     </Box>

package/src/UserCenter/components/user-center.tsx

@@ -358,7 +358,7 @@ export default function UserCenter({
             mt: 2,
           }}
         />
-        <Divider sx={{ mt: 3, mb: 3 }} />
+        <Divider sx={{ mt: 3, mb: 3, borderColor: colors.dividerColor }} />
         {userCenterTabs.length > 0 && currentTab ? (
           <Box
             display={isMobile ? 'block' : 'flex'}
@@ -374,7 +374,7 @@ export default function UserCenter({
               current={currentActiveTab?.value ?? currentTab}
               onChange={handleChangeTab}
               sx={{
-                width: isMobile ? '100%' : 180,
+                width: isMobile ? '100%' : 160,
                 marginBottom: isMobile ? '8px' : 0,
                 flexShrink: 0,
                 '.MuiTabs-flexContainer': {
@@ -385,11 +385,13 @@ export default function UserCenter({
                   '.MuiTab-root': {
                     display: 'block',
                     textAlign: 'left',
+                    alignItems: 'flex-start',
+                    justifyContent: 'flex-start',
                   },
                 },
               }}
             />
-            <Divider orientation="vertical" sx={{ height: '100%', mr: 2 }} />
+            <Divider orientation="vertical" sx={{ height: '100%', mr: 3, borderColor: colors.dividerColor }} />
             {!privacyState.data || privacyState.loading ? (
               <Box
                 sx={{

package/src/UserSessions/components/user-sessions.tsx

@@ -308,12 +308,13 @@ export default function UserSessions({
   return (
     <Box
       sx={{
+        maxWidth: 920,
         '.MuiTableCell-head': {
           whiteSpace: 'nowrap',
           fontWeight: 'bold',
         },
         '.MuiTableCell-root': {
-          paddingRight: '16px',
+          paddingRight: '8px',
         },
       }}>
       {confirmHolder}