update: delete header text, update content text

AmbireTech · Aug 7, 2024 · 584411a · 584411a
1 parent efbd398
commit 584411a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 32 deletions.
diff --git a/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.js b/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.js
@@ -62,7 +62,6 @@ const ExtensionInviteCodeModal = ({
         <div className={styles.headerPrimaryGradient} />
         <div className={styles.headerSecondaryGradient} />
         <AmbireLogo className={styles.headerLogo} width={92} height={96} />
-        <p className={styles.headerText}>Easy and secure self-custody for the Ethereum ecosystem</p>
         <CloseIcon
           className={cn(styles.closeIcon, {
             [styles.closeIconEnabled]: canClose
@@ -74,8 +73,8 @@ const ExtensionInviteCodeModal = ({
         <div className={styles.textWrapper}>
           <p className={styles.text}>Hey!</p>
           <p className={styles.text}>
-            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
+            <strong> browser extension</strong>.
           </p>
           <p className={styles.text}>
             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
@@ -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;