From 2cee507a3793aad966343a7cff696a0dfca4ff74 Mon Sep 17 00:00:00 2001 From: jeremy-babylonchain Date: Sun, 9 Feb 2025 17:05:59 +0700 Subject: [PATCH] update logo and alignment --- src/app/assets/bbn.svg | 10 ++++++++++ src/app/components/Hash/Hash.tsx | 4 ++-- src/app/components/Wallet/Connect.tsx | 14 ++++++++------ 3 files changed, 20 insertions(+), 8 deletions(-) create mode 100644 src/app/assets/bbn.svg diff --git a/src/app/assets/bbn.svg b/src/app/assets/bbn.svg new file mode 100644 index 00000000..cbd7e0e8 --- /dev/null +++ b/src/app/assets/bbn.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/app/components/Hash/Hash.tsx b/src/app/components/Hash/Hash.tsx index 0b0cd6da..a978f5a1 100644 --- a/src/app/components/Hash/Hash.tsx +++ b/src/app/components/Hash/Hash.tsx @@ -2,7 +2,7 @@ import { Text } from "@babylonlabs-io/bbn-core-ui"; import { useEffect, useState } from "react"; import { FiCopy } from "react-icons/fi"; import { IoIosCheckmarkCircle } from "react-icons/io"; -import { twJoin, twMerge } from "tailwind-merge"; +import { twMerge } from "tailwind-merge"; import { useCopyToClipboard } from "usehooks-ts"; import { trim } from "@/utils/trim"; @@ -53,6 +53,7 @@ export const Hash: React.FC = ({ "hover:opacity-100 pointer-events-auto text-accent-primary", className, !noFade && "opacity-50", + fullWidth && "w-full", )} onClick={handleCopy} > @@ -61,7 +62,6 @@ export const Hash: React.FC = ({ style={{ minWidth: small ? "3.5rem" : "5.5rem", }} - className={twJoin(fullWidth ? "w-full" : "")} > {copiedText || ( <> diff --git a/src/app/components/Wallet/Connect.tsx b/src/app/components/Wallet/Connect.tsx index a4e22cdf..c32c7fda 100644 --- a/src/app/components/Wallet/Connect.tsx +++ b/src/app/components/Wallet/Connect.tsx @@ -16,8 +16,8 @@ import { FaLock, FaLockOpen } from "react-icons/fa6"; import { PiWalletBold } from "react-icons/pi"; import { Tooltip } from "react-tooltip"; +import bbnIcon from "@/app/assets/bbn.svg"; import bitcoin from "@/app/assets/bitcoin.png"; -import bbnIcon from "@/app/assets/icon-black.svg"; import { useBTCWallet } from "@/app/context/wallet/BTCWalletProvider"; import { useCosmosWallet } from "@/app/context/wallet/CosmosWalletProvider"; import { useHealthCheck } from "@/app/hooks/useHealthCheck"; @@ -137,7 +137,7 @@ export const Connect: React.FC = ({ className="max-w-[40px] max-h-[40px]" /> -
+
Bitcoin @@ -146,7 +146,6 @@ export const Connect: React.FC = ({ value={btcAddress} address noFade - fullWidth symbols={12} />
@@ -169,9 +168,13 @@ export const Connect: React.FC = ({
- babylon + babylon
-
+
{bbnNetworkFullName} @@ -180,7 +183,6 @@ export const Connect: React.FC = ({ value={bech32Address} address noFade - fullWidth symbols={12} />