diff --git a/src/__tests__/widgets/walletmodal.test.tsx b/src/__tests__/widgets/walletmodal.test.tsx index 682b2e3a..f9cba7d0 100644 --- a/src/__tests__/widgets/walletmodal.test.tsx +++ b/src/__tests__/widgets/walletmodal.test.tsx @@ -63,7 +63,7 @@ it("renders ConnectModal correctly", () => { style="z-index: 1; opacity: 1; transform: none; user-select: none;" >
{ class="css-1wgf5ji-PrioritizedWallets" >
diff --git a/src/widgets/WalletModal/components/styles.ts b/src/widgets/WalletModal/components/styles.ts index 85f2000e..471effcd 100644 --- a/src/widgets/WalletModal/components/styles.ts +++ b/src/widgets/WalletModal/components/styles.ts @@ -22,7 +22,7 @@ const styles: Record< flexWrap: "wrap", position: "absolute", width: "100%", - maxWidth: ["248px", "248px", "580px"], + maxWidth: ["240px", "240px", "580px"], flexDirection: "column", justifyContent: "space-between", height: ["325px", "325px", "390px"], @@ -54,13 +54,13 @@ const styles: Record< mb: "-15px", maxHeight: ["273px", "273px", "335px"], overflowY: "auto", - width: ["248px", "248px", "580px"], + width: ["240px", "240px", "580px"], }, prioritizedContainer: { flexWrap: "wrap", position: "absolute", width: "100%", - maxWidth: ["248px", "248px", "580px"], + maxWidth: ["240px", "240px", "580px"], }, infoContainer: { flexWrap: "wrap", @@ -86,13 +86,13 @@ const styles: Record< mt: ["15px", "15px", "30px"], }, button: { - width: ["112px", "112px", "128px"], + width: ["110px", "110px", "128px"], flexDirection: "column", minHeight: ["84px", "84px", "114px"], justifyContent: "flex-start", mb: "15px", mr: ["5px", "5px", "15px"], - padding: "0", + padding: "0 12px", background: "white4", fontSize: ["12px", "12px", "16px"], }, @@ -107,8 +107,8 @@ const styles: Record< justifyContent: "center", }, walletName: { - lineHeight: "18px", - mt: "6px", + lineHeight: ["14px", "14px", "18px"], + mt: ["3px", "3px", "6px"], fontSize: ["12px", "12px", "14px"], fontWeight: 700, }, diff --git a/src/widgets/WalletModal/config.tsx b/src/widgets/WalletModal/config.tsx index 65a495df..1badcca3 100644 --- a/src/widgets/WalletModal/config.tsx +++ b/src/widgets/WalletModal/config.tsx @@ -26,23 +26,13 @@ const connectors: Config[] = [ connectorId: ConnectorNames.Injected, }, { - title: "Brave Wallet", - icon: Brave, - connectorId: ConnectorNames.Injected, - }, - { - title: "Social Login", - icon: TorusWallet, - connectorId: ConnectorNames.Torus, - }, - { - title: "WalletConnect", + title: "Wallet Connect", icon: WalletConnect, connectorId: ConnectorNames.WalletConnect, }, { - title: "SafePal Wallet", - icon: SafePalWallet, + title: "Bitkeep", + icon: Bitkeep, connectorId: ConnectorNames.Injected, }, { @@ -51,15 +41,30 @@ const connectors: Config[] = [ connectorId: ConnectorNames.Injected, }, { - title: "Coinbase Wallet", - icon: Coinbase, - connectorId: ConnectorNames.Walletlink, + title: "SafePal Wallet", + icon: SafePalWallet, + connectorId: ConnectorNames.Injected, }, { title: "Binance Chain Wallet", icon: BinanceChain, connectorId: ConnectorNames.BSC, }, + { + title: "Brave Wallet", + icon: Brave, + connectorId: ConnectorNames.Injected, + }, + { + title: "Social Login", + icon: TorusWallet, + connectorId: ConnectorNames.Torus, + }, + { + title: "Coinbase Wallet", + icon: Coinbase, + connectorId: ConnectorNames.Walletlink, + }, { title: "Unstoppable Domains", icon: Unstoppable, @@ -75,11 +80,6 @@ const connectors: Config[] = [ icon: OntoWallet, connectorId: ConnectorNames.Injected, }, - { - title: "Bitkeep", - icon: Bitkeep, - connectorId: ConnectorNames.Injected, - }, { title: "MathWallet", icon: MathWallet,