@abtnode/ux 1.16.21-beta-2e75c75c → 1.16.21-beta-da3f852a

package/es/exchange-passport.js

@@ -1,13 +1,13 @@
 /* eslint-disable react/prop-types */
-/* eslint-disable react/jsx-one-expression-per-line */
 import React, { useContext } from 'react';
-import styled from '@emotion/styled';
 import { useNavigate } from 'react-router-dom';
+import Box from '@mui/material/Box';
 import Spinner from '@mui/material/CircularProgress';
 import Center from '@arcblock/ux/lib/Center';
 import Toast from '@arcblock/ux/lib/Toast';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Fullpage from '@arcblock/did-connect/lib/Connect/fullpage';
 import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
 import wrapLocale from './wrap-locale';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -61,9 +61,14 @@ function ExchangePassport({
       children: /*#__PURE__*/_jsx(Spinner, {})
     });
   }
-  return /*#__PURE__*/_jsx(Div, {
-    children: /*#__PURE__*/_jsx("div", {
-      className: "connect-wrapper",
+  return /*#__PURE__*/_jsx(Fullpage, {
+    did: window?.blocklet?.appPid || window?.env?.appPid,
+    children: /*#__PURE__*/_jsx(Box, {
+      sx: {
+        width: '560px',
+        maxWidth: '100%',
+        height: '100%'
+      },
       children: /*#__PURE__*/_jsx(DidConnect, {
         className: "connect",
         action: "exchange-passport",
@@ -85,18 +90,4 @@ function ExchangePassport({
     })
   });
 }
-export default wrapLocale(ExchangePassport);
-const Div = styled.div`
-  box-sizing: border-box;
-  width: 100%;
-  height: 100vh;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  .connect-wrapper {
-    flex: 1;
-  }
-  .connect {
-    background: #fafafa;
-  }
-`;
+export default wrapLocale(ExchangePassport);

package/es/layout/addon.js

@@ -105,6 +105,11 @@ const Div = styled.div`
     }
   }
 
+  .locale-addon .locales {
+    max-height: 400px;
+    overflow-y: auto;
+  }
+
   ${props => props.theme.breakpoints.down('md')} {
     > button,
     > a {