Merge pull request #61 from vechain/style/dappkit-modal

Style/dappkit modal
vechain · Jan 31, 2025 · 92b2658 · 92b2658
2 parents 3bf66f1 + 78729a7
commit 92b2658
Show file tree

Hide file tree

Showing 11 changed files with 362 additions and 317 deletions.
diff --git a/packages/vechain-kit/src/components/EcosystemModal/EcosystemModal.tsx b/packages/vechain-kit/src/components/EcosystemModal/EcosystemModal.tsx
@@ -18,7 +18,11 @@ export const EcosystemModal = ({
     isLoading,
 }: Props) => {
     return (
-        <BaseModal isOpen={isOpen} onClose={onClose}>
+        <BaseModal
+            isOpen={isOpen}
+            onClose={onClose}
+            backdropFilter={'blur(3px)'}
+        >
             <EcosystemContent
                 onClose={onClose}
                 appsInfo={appsInfo}

diff --git a/packages/vechain-kit/src/components/LoginLoadingModal/LoginLoadingModal.tsx b/packages/vechain-kit/src/components/LoginLoadingModal/LoginLoadingModal.tsx
@@ -41,6 +41,7 @@ export const LoginLoadingModal = ({
             onClose={onClose}
             trapFocus={false}
             autoFocus={false}
+            backdropFilter={'blur(3px)'}
         >
             {error ? (
                 <ErrorContent

diff --git a/packages/vechain-kit/src/components/common/BaseModal.tsx b/packages/vechain-kit/src/components/common/BaseModal.tsx
@@ -22,6 +22,7 @@ type BaseModalProps = {
     autoFocus?: boolean;
     initialFocusRef?: React.RefObject<HTMLElement>;
     allowExternalFocus?: boolean;
+    backdropFilter?: string;
 };
 
 export const BaseModal = ({
@@ -34,6 +35,7 @@ export const BaseModal = ({
     closeOnOverlayClick = true,
     blockScrollOnMount = false,
     allowExternalFocus = false,
+    backdropFilter,
 }: BaseModalProps) => {
     const [isDesktop] = useMediaQuery('(min-width: 768px)');
     const { darkMode } = useVeChainKitConfig();
@@ -59,7 +61,7 @@ export const BaseModal = ({
                 onClose={onClose}
                 isCentered={isCentered}
                 size={size}
-                scrollBehavior="inside"
+                // scrollBehavior="inside"
                 returnFocusOnClose={false}
                 blockScrollOnMount={blockScrollOnMount}
                 closeOnOverlayClick={closeOnOverlayClick}
@@ -68,7 +70,7 @@ export const BaseModal = ({
                 trapFocus={!allowExternalFocus}
                 autoFocus={!allowExternalFocus}
             >
-                <ModalOverlay />
+                <ModalOverlay backdropFilter={backdropFilter} />
                 <ModalContent
                     role="dialog"
                     aria-modal={!allowExternalFocus}

diff --git a/packages/vechain-kit/src/languages/de.json b/packages/vechain-kit/src/languages/de.json
@@ -139,9 +139,11 @@
   "Login failed:": "Anmeldung fehlgeschlagen:",
   "Login methods": "Anmeldemethoden",
   "Login methods can be managed only in the app securing your wallet.": "Anmeldemethoden können nur in der App verwaltet werden, die Ihr Wallet sichert.",
+  "Login request was cancelled.": "Anmeldeanfrage wurde abgebrochen.",
   "Login with VeChain": "Mit VeChain einloggen",
   "Login with {{appName}}": "Anmelden mit {{appName}}",
   "Logout": "Ausloggen",
+  "Mainnet": "Mainnet",
   "Manage MFA": "MFA verwalten",
   "Manage multi-factor authentication settings for your wallet.": "Verwalten Sie die Einstellungen zur Multi-Faktor-Authentifizierung für Ihr Wallet.",
   "Manage your embedded wallet security settings or back it up to a new device.": "Verwalten Sie die Sicherheitseinstellungen Ihres eingebetteten Wallets oder sichern Sie es auf einem neuen Gerät.",
@@ -186,6 +188,7 @@
   "Remove Login Method": "Anmeldemethode entfernen",
   "Remove from shortcuts": "Aus den Verknüpfungen entfernen",
   "Resend code": "Code erneut senden",
+  "Safari blocked the login window. Please try again, it should work now.": "Safari hat das Anmeldefenster blockiert. Bitte versuchen Sie es erneut, jetzt sollte es funktionieren.",
   "Safari may block the login window.": "Safari könnte das Anmeldefenster blockieren.",
   "Say goodbye to 0x addresses, claim your .veworld.vet subdomain now for free!": "Verabschieden Sie sich von 0x-Adressen, beanspruchen Sie Ihre .veworld.vet-Subdomain jetzt kostenlos!",
   "Search FAQ": "FAQ durchsuchen",
@@ -216,6 +219,7 @@
   "Submit": "Absenden",
   "Swap": "Tauschen",
   "Telegram": "Telegram",
+  "Testnet": "Testnetz",
   "These accounts are linked to your embedded wallet and can be used to login to your wallet and access your private key.": "Diese Konten sind mit Ihrem eingebetteten Wallet verknüpft und können verwendet werden, um sich in Ihrem Wallet anzumelden und auf Ihren private Schlüssel zuzugreifen.",
   "This address only supports VeChain assets.": "Diese Adresse unterstützt nur VeChain-Vermögenswerte.",
   "This domain is already taken": "Diese Domain ist bereits vergeben",
@@ -240,6 +244,7 @@
   "Twitter": "Twitter",
   "Type the receiver address or domain": "Geben Sie die Empfängeradresse oder Domain ein",
   "UNAVAILABLE": "NICHT VERFÜGBAR",
+  "Unknown": "Unbekannt",
   "Unknown error": "Unbekannter Fehler",
   "Unlink Login Method": "Anmeldemethode entfernen",
   "Upgrade wallet in Self-Custody by storing your Recovery Phrase and seamlessly importing it into a wallet provider.": "Aktualisiere dein Wallet in Eigenverwahrung, indem du deine Wiederherstellungsphrase speicherst und nahtlos in einen Wallet-Anbieter importierst.",