base updates (#2383)

* add retire on base button, emphasized text * Update base url Co-authored-by: Atmosfearful <[email protected]> --------- Co-authored-by: Atmosfearful <[email protected]>
KlimaDAO · Jul 30, 2024 · 488a38d · 488a38d
1 parent d9904c9
commit 488a38d
Show file tree

Hide file tree

Showing 6 changed files with 1,857 additions and 1,398 deletions.
diff --git a/app/components/NavMenu/index.tsx b/app/components/NavMenu/index.tsx
@@ -209,13 +209,22 @@ export const NavMenu: FC<Props> = (props) => {
         </div>
       )}
       <div className="navFooter">
-        <ButtonPrimary
-          target="_blank"
-          href={SQUID_ROUTER_URL}
-          className={styles.bridgeButton}
-          icon={<BaseLogo className={styles.baseIcon} />}
-          label={<Trans>Bridge to Base</Trans>}
-        />
+        <div className={styles.baseButtons}>
+          <ButtonPrimary
+            target="_blank"
+            href={SQUID_ROUTER_URL}
+            className={styles.baseButton}
+            icon={<BaseLogo className={styles.baseIcon} />}
+            label={<Trans>Bridge to Base</Trans>}
+          />
+          <ButtonPrimary
+            target="_blank"
+            href="https://base.klimadao.finance"
+            className={styles.baseButton}
+            icon={<BaseLogo className={styles.baseIcon} />}
+            label={<Trans>Retire on Base</Trans>}
+          />
+        </div>
         <div className="hr" />
         <div className="navFooter_buttons">
           <A className="navFooter_button" href={urls.twitter}>

diff --git a/app/components/NavMenu/styles.ts b/app/components/NavMenu/styles.ts
@@ -111,7 +111,15 @@ export const container = css`
   }
 `;
 
-export const bridgeButton = css`
+export const baseButtons = css`
+  gap: 1.6rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-top: 2.4rem;
+`;
+
+export const baseButton = css`
   padding: 0 1.2rem;
   color: white !important;
   background-color: #0052ff; // base brand color