improve reponsive

Mintbase · Jan 22, 2024 · 37483af · 37483af
1 parent 90a0a4a
commit 37483af
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/contract-deployer/src/components/NearWalletSelector.tsx b/contract-deployer/src/components/NearWalletSelector.tsx
@@ -1,7 +1,7 @@
-"use client"
+"use client";
 
 import { useMbWallet } from "@mintbase-js/react";
-import { Button } from "@/components/ui/button"
+import { Button } from "@/components/ui/button";
 
 export const NearWalletConnector = () => {
   const { connect, disconnect, activeAccountId, isConnected } = useMbWallet();
@@ -11,8 +11,8 @@ export const NearWalletConnector = () => {
   }
 
   return (
-    <div className="fixed  flex w-[350] h-[200] justify-center items-center right-5 bottom-5">
-      <p className="pt-5"> You are connected as <b>{activeAccountId}</b></p>
+    <div className="fixed flex flex-wrap w-[350] h-[200] justify-center items-center right-5 bottom-5">
+      <b className="pt-5 truncate">{activeAccountId}</b>
       <div className="flex justify-center items-center mt-4 ml-4">
         <Button onClick={disconnect}> Disconnect</Button>
       </div>