feat: add sponsors to Web3Auth banner

safe-global · Dec 19, 2023 · 4b44206 · 4b44206
1 parent db5704d
commit 4b44206
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 4 deletions.
diff --git a/public/images/Wallet/web3auth-logo.svg b/public/images/Wallet/web3auth-logo.svg
diff --git a/src/components/common/Masthead/index.tsx b/src/components/common/Masthead/index.tsx
@@ -62,8 +62,14 @@ export const Masthead = ({
             </Grid>
           ) : null}
         </Grid>
+        {/* TODO: create a component? */}
         {footer ? (
           <div className={css.footer}>
+            {footer?.text ? (
+              <Typography variant="caption" mr="-14px">
+                {footer.text}
+              </Typography>
+            ) : null}
             {footer?.logos.map((logo, index) => {
               return <img src={logo.src} alt={logo.alt} key={index} />
             })}

diff --git a/src/components/common/Masthead/styles.module.css b/src/components/common/Masthead/styles.module.css
@@ -2,7 +2,7 @@
   text-align: center;
   background-color: var(--mui-palette-secondary-background);
   border-radius: 32px;
-  padding: 24px;
+  padding: 24px 24px 80px;
   justify-content: space-between;
   margin-bottom: 40px;
   background-position: right;
@@ -44,14 +44,20 @@
   left: 50%;
   transform: translateX(-50%);
   display: flex;
+  align-items: center;
   flex-direction: row;
   gap: 24px;
   width: max-content;
 }
 
+.tagline {
+  color: var(--mui-palette-primary-light);
+  text-transform: uppercase;
+}
+
 @media (min-width: 900px) {
   .container {
-    padding: 68px 104px;
+    padding: 90px 104px;
     border-bottom: 80px;
     text-align: left;
   }
@@ -69,6 +75,8 @@
   }
 
   .image {
+    display: flex;
+    align-items: center;
     width: 300px;
   }
 

diff --git a/src/content/core.json b/src/content/core.json
@@ -37,6 +37,15 @@
       "sm": "/images/Core/safeauth-bg-sm.png",
       "md": "/images/Core/safeauth-bg-md.png"
     },
+    "footer": {
+      "logos": [
+        {
+          "src": "/images/Wallet/web3auth-logo.svg",
+          "alt": "web3auth logo"
+        }
+      ],
+      "text": "Powered by"
+    },
     "component": "common/Masthead"
   },
   {

diff --git a/src/content/wallet.json b/src/content/wallet.json
@@ -49,8 +49,7 @@
           "src": "/images/Wallet/Coincover-logo.png",
           "alt": "Coincover logo"
         }
-      ],
-      "text": "Powered by"
+      ]
     },
     "component": "common/Masthead"
   },