Style update

masa-finance · Mar 3, 2023 · 40e41b4 · 40e41b4
1 parent caf459f
commit 40e41b4
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/src/components/masa-interface/masa-interface.tsx b/src/components/masa-interface/masa-interface.tsx
@@ -53,14 +53,14 @@ export const MasaInterface = ({
     // if (network && !chain?.name.includes(network)) return 'switchNetwork';
     if (!isLoggedIn && provider) return 'authenticate';
 
-    if (
-      isLoggedIn &&
-      (!soulnames || (soulnames && soulnames.length === 0)) &&
-      scope?.includes('soulname')
-    )
-      return 'createSoulname';
+    // if (
+    //   isLoggedIn &&
+    //   (!soulnames || (soulnames && soulnames.length === 0)) &&
+    //   scope?.includes('soulname')
+    // )
+    //   return 'createSoulname';
 
-    if (!identity?.identityId && scope?.includes('identity'))
+    if (isLoggedIn && !identity?.identityId && scope?.includes('identity'))
       return 'createIdentity';
 
     if (identity && !creditScores?.length && scope?.includes('credit-score'))
@@ -86,7 +86,7 @@ export const MasaInterface = ({
         open={isModalOpen as boolean}
         close={(): void => closeModal?.()}
         setOpen={setModalOpen as (val: boolean) => void}
-        height={page === 'createIdentity' ? 400 : undefined}
+        height={page === 'createIdentity' ? 340 : undefined}
       >
         {page === 'connector' ? pages[page]({ disableMetamask }) : pages[page]}
       </ModalComponent>

diff --git a/src/components/masa-interface/pages/create-identity/create-identity.tsx b/src/components/masa-interface/pages/create-identity/create-identity.tsx
@@ -12,9 +12,9 @@ export const InterfaceCreateIdentity = (): JSX.Element => {
   if (isLoading) return <MasaLoading />;
 
   return (
-    <div className="interface-create-identity flex items-center justify-center">
-      <h3>Hurray! 🎉</h3>
-      <p>
+    <div className="interface-create-identity">
+      <h3 className="title">Hurray! 🎉</h3>
+      <p className="subtitle">
         Congratulations you already have a Celo Domain Name in your wallet. You
         must now mint a Celo Prosperity Passport.
       </p>

diff --git a/src/components/modal/styles.scss b/src/components/modal/styles.scss
@@ -283,9 +283,11 @@
   }
 
   .interface-create-identity {
+    display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
-    gap: 3rem;
+    gap:16px;
 
     h3 {
       font-size: 30px;
@@ -296,6 +298,7 @@
       font-size: 18px;
       text-align: center;
       line-height: 24px;
+      color: rgba(0,0,0,0.6)
     }
 
     button {