Merge pull request #218 from AElfProject/feature/fairy-vault-extension

Feature/fairy vault extension

Author: hzz780

packages/base/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aelf-web-login/wallet-adapter-base",
-  "version": "0.4.0-alpha.4",
+  "version": "0.4.0-alpha.5",
   "type": "module",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",

packages/bridge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aelf-web-login/wallet-adapter-bridge",
-  "version": "0.4.0-alpha.4",
+  "version": "0.4.0-alpha.5",
   "type": "module",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aelf-web-login/wallet-adapter-react",
-  "version": "0.4.0-alpha.4",
+  "version": "0.4.0-alpha.5",
   "type": "module",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",

packages/react/src/Modals/WalletModal/index.css

@@ -1,3 +1,42 @@
+/* drawer */
+.web-login-connect-modal-content-wrapper {
+  position: absolute;
+  z-index: 1000;
+  max-width: 100vw;
+  transition: all 0.3s;
+  bottom: 0;
+  inset-inline: 0;
+  box-shadow: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.web-login-connect-modal-content-wrapper-hidden {
+  display: none;
+}
+/* drawer end */
+
+.web-login-connect-modal-wrap {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  overflow: auto;
+  outline: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.web-login-connect-modal-mask {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.45);
+  pointer-events: none;
+}
+
+.web-login-connect-modal-centered {
+  text-align: center;
+}
+
 .web-login-connect-modal .web-login-connect-modal-content {
   padding: 0;
   border-radius: 8px;

packages/react/src/Modals/WalletModal/index.tsx

@@ -77,7 +77,7 @@ export default function WalletModal() {
       closable={false}
       className={commonCls}
       placement="bottom"
-      height={'70vh'}
+      height="auto"
       open={dialogVisible}
       onClose={onCancel}
     >

packages/react/src/Modals/disconnectModal/index.css

@@ -130,6 +130,10 @@
   color: var(--web-login-color-text-default);
 }
 
+.web-login-connect-btn-background-ghost {
+  background: transparent;
+}
+
 .web-login-disconnect-wallet-modal {
   --web-login-color-text-default: #1f1f21;
   --web-login-color-border-neutral-secondary: #767676;

packages/utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aelf-web-login/utils",
-  "version": "0.4.0-alpha.4",
+  "version": "0.4.0-alpha.5",
   "type": "module",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",

packages/wallets/fairy-vault-discover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aelf-web-login/wallet-adapter-fairy-vault-discover",
-  "version": "0.4.0-alpha.4",
+  "version": "0.4.0-alpha.5",
   "type": "module",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",

packages/wallets/night-elf/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aelf-web-login/wallet-adapter-night-elf",
-  "version": "0.4.0-alpha.4",
+  "version": "0.4.0-alpha.5",
   "type": "module",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",

packages/wallets/portkey-aa/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aelf-web-login/wallet-adapter-portkey-aa",
-  "version": "0.4.0-alpha.4",
+  "version": "0.4.0-alpha.5",
   "type": "module",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",