add a new bridge (#85)

burrowHQ · Aug 6, 2024 · a499191 · a499191
1 parent 69e8048
commit a499191
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git 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
@@ -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>
   );
 };