Merge pull request #23 from oraichain/feat/header

update: update title in header
oraichain · Oct 17, 2024 · aeed8f0 · aeed8f0
2 parents 0da317c + b488a92
commit aeed8f0
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 1 deletion.
diff --git a/src/layouts/Menu.module.scss b/src/layouts/Menu.module.scss
@@ -179,6 +179,22 @@
   justify-content: space-between;
 }
 
+.menuMiddle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--dimension-spacing-col-between-md, 8px);
+  padding: 16px;
+  .menuMiddleText {
+    color: var(--colors-neutral-text-body, #b4b7bb);
+    font-family: 'IBM Plex Sans';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+  }
+}
+
 .menuLeft {
   display: flex;
   align-items: center;
@@ -204,7 +220,7 @@
 }
 
 .menuRight {
-  margin-left: auto;
+  // margin-left: auto;
   display: flex;
   align-items: center;
   gap: 8px;

diff --git a/src/layouts/Menu.tsx b/src/layouts/Menu.tsx
@@ -123,6 +123,16 @@ const Menu: React.FC = () => {
           </div>
 
           <div className={classNames(styles.wrapMenuRight)}>
+            <Link
+              to="https://x.com/oraichain/status/1845160334417653796"
+              className={classNames(styles.menuMiddle)}
+              target="_blank"
+            >
+              <img src={TopBarIcon} alt="top_bar_icon" />
+              <div className={classNames(styles.menuMiddleText)}>
+                Oraichain’s Ecosystem Growth Fund offers up to $3M in funding for 2024-2025
+              </div>
+            </Link>
 
             <div className={classNames(styles.menuRight)}>
               <GithubConnect />