Development

src/assets/sass/plugins/sdk-sc-explorer/_modals.scss

@@ -4,7 +4,7 @@
 
 .#{$package-name} {
   &-modal {
-    --modal-zindex: 1055;
+    --modal-zindex: 16;
     --modal-width: 580px;
     --modal-padding: 1rem;
     --modal-margin: 0.5rem;

src/assets/sass/plugins/sdk-sc-explorer/_tooltip.scss

@@ -14,7 +14,7 @@
 }
 
 .#{$package-name}-tooltip {
-  --tooltip-zindex: 1080;
+  --tooltip-zindex: 18;
   --tooltip-max-width: 30rem;
   --tooltip-padding-x: 0.5rem;
   --tooltip-padding-y: 0.5rem;

src/assets/sass/theme.scss

@@ -3,6 +3,21 @@
   -webkit-tap-highlight-color: transparent;
 }
 
+*::selection {
+  background: rgba(var(--neutral-300-rgb), 0.3);
+}
+
+// webkit being webkit
+input {
+  color-scheme: dark;
+  font-feature-settings: 'calt' 0;
+}
+input:is(:-webkit-autofill, :-webkit-autofill:focus) {
+  transition:
+    background-color 600000s 0s,
+    color 600000s 0s;
+}
+
 html {
   font-size: 16px;
 }
@@ -83,7 +98,7 @@ body {
 }
 
 .modal-backdrop {
-  --backdrop-zindex: 1050;
+  --backdrop-zindex: 15;
   --backdrop-bg: var(--background);
   --backdrop-opacity: 0.75;
   position: fixed;

src/pages/Unlock/Unlock.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { UnlockPanelManager, useGetLoginInfo } from 'lib';
+import { ProviderTypeEnum, UnlockPanelManager, useGetLoginInfo } from 'lib';
 import { routeNames } from 'routes';
 
 export const Unlock = () => {
@@ -12,13 +12,22 @@ export const Unlock = () => {
   const callbackRoute = callbackURL ?? routeNames.home.concat(search);
   const { isLoggedIn } = useGetLoginInfo();
 
+  const allowedProviders = [
+    ProviderTypeEnum.ledger,
+    ProviderTypeEnum.webview,
+    ProviderTypeEnum.extension,
+    ProviderTypeEnum.crossWindow,
+    ProviderTypeEnum.walletConnect
+  ];
+
   const unlockPanelManager = UnlockPanelManager.init({
     loginHandler: () => {
       navigate(callbackRoute);
     },
     onClose: () => {
       navigate(routeNames.home);
-    }
+    },
+    allowedProviders
   });
 
   const handleOpenUnlockPanel = () => {