From a49919166c844ffe72702c4b25a1e9cf3e4f2662 Mon Sep 17 00:00:00 2001
From: xieqiancaosissi <nature@ref.finance>
Date: Tue, 6 Aug 2024 16:47:18 +0800
Subject: [PATCH] add a new bridge (#85)

---
 components/Header/Bridge.tsx     | 16 +++++++++-------
 components/Header/MenuMobile.tsx |  4 ++--
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/components/Header/Bridge.tsx b/components/Header/Bridge.tsx
index 24bae952..6786ea97 100644
--- a/components/Header/Bridge.tsx
+++ b/components/Header/Bridge.tsx
@@ -33,13 +33,15 @@ const Bridge = () => {
                 style={{
                   minWidth: "200px",
                 }}
-                className="flex flex-col items-start whitespace-nowrap hover:bg-gray-500 px-2 py-2.5 rounded-md bg-opacity-30 cursor-pointer mb-1"
+                className="flex flex-col items-start w-[230px] hover:bg-gray-500 px-2 py-2.5 rounded-md bg-opacity-30 cursor-pointer mb-1"
               >
                 <div className="flex items-center justify-between w-full">
                   <span className="text-base text-white">{title}</span>
                   <ArrowRight />
                 </div>
-                <span className="text-base text-gray-300 mt-1">{subTitle}</span>
+                <span className="flex items-center flex-wrap text-base text-gray-300 mt-1">
+                  {subTitle}
+                </span>
               </div>
             );
           })}
@@ -54,11 +56,11 @@ export const bridgeList: IBridge[] = [
     subTitle: "Ethereum | Aurora",
     link: "https://rainbowbridge.app/",
   },
-  // {
-  //   title: "Allbridge",
-  //   subTitle: "Solana | Terra | Celo",
-  //   link: "https://app.allbridge.io/bridge",
-  // },
+  {
+    title: "Aggregate Bridge",
+    subTitle: "Arbitrum | Ethereum | Base Optimism | Scroll",
+    link: "https://app.ref.finance/bridge",
+  },
   // {
   //   title: "Electron Labs",
   //   subTitle: "Ethereum",
diff --git a/components/Header/MenuMobile.tsx b/components/Header/MenuMobile.tsx
index 897b7c12..828b3efb 100644
--- a/components/Header/MenuMobile.tsx
+++ b/components/Header/MenuMobile.tsx
@@ -186,13 +186,13 @@ const BridgeSubMenuItem = ({ title, pathname, subTitle, onClose }: PropsSubMenu)
     onClose();
   }
   return (
-    <div onClick={handleUrl} className="flex items-center justify-between h-[70px] px-6">
+    <div onClick={handleUrl} className="flex items-center justify-between h-[70px] w-[320px] px-6">
       <div className="pl-[56px] flex flex-col">
         <span className="text-sm text-white">{title}</span>
         <span className="text-sm text-gray-300">{subTitle}</span>
       </div>
 
-      <ArrowTopRightIcon className="relative -top-3" />
+      <ArrowTopRightIcon className="relative -top-3 flex-shrink-0" />
     </div>
   );
 };