diff --git a/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.js b/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.js index 61662a4d9..1d7fc64e5 100644 --- a/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.js +++ b/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.js @@ -62,7 +62,6 @@ const ExtensionInviteCodeModal = ({
-

Easy and secure self-custody for the Ethereum ecosystem

Hey!

- We are onboarding only selected Ambire Wallet users to our newest product - the Ambire - browser extension. + We are onboarding the existing Ambire community first to our newest product - the Ambire + browser extension.

Claim this exclusive invitation code to get early access and start collecting XP for our diff --git a/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss b/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss index 6ba4a435c..46ebfccaf 100644 --- a/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss +++ b/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss @@ -25,8 +25,7 @@ $min-modal-height: 34.375rem; overflow: hidden; position: relative; display: flex; - flex-direction: column; - align-items: center; + justify-content: center; padding: 2rem; background: linear-gradient(82deg, #6000ff, #353d6e); border-radius: 0.75rem 0.75rem 0 0; @@ -75,15 +74,6 @@ $min-modal-height: 34.375rem; .headerLogo { position: relative; z-index: 3; - margin-bottom: 1.5rem; - } - .headerText { - position: relative; - z-index: 3; - font-size: 1rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 400; - text-align: center; } } @@ -196,15 +186,6 @@ $min-modal-height: 34.375rem; @mixin SmallScreen { .header { padding: 1.5rem; - - .headerLogo { - margin-bottom: 1rem; - } - - .headerText { - font-size: .75rem; - font-weight: 500; - } } .content { gap: 1.5rem; @@ -249,19 +230,10 @@ $min-modal-height: 34.375rem; } .header { - flex-direction: row; - align-items: center; - gap: 1rem; - .headerLogo { width: 3.75rem; width: 4rem; height: auto; - margin-bottom: 0; - } - .headerText { - text-align: left; - padding-right: 2rem; } .closeIcon { top: .5rem;