centered text

softstack · May 13, 2024 · 8cb0adb · 8cb0adb
1 parent c8509eb
commit 8cb0adb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/buttons/TransactionButton.tsx b/src/components/buttons/TransactionButton.tsx
@@ -8,11 +8,16 @@ interface Props {
 
 const TransactionButton: React.FC<Props> = ({ text, icon, callback }) => {
     return (
-        <div onClick={callback} className="flex flex-col justify-center gap-1">
+        <div
+            onClick={callback}
+            className="flex flex-col justify-center text-center gap-1"
+        >
             <div>
                 <img src={icon} alt="" />
             </div>
-            <p className="m-0 text-customBlueButton font-semibold">{text}</p>
+            <p className="my-0 mx-auto text-customBlueButton font-semibold">
+                {text}
+            </p>
         </div>
     );
 };

diff --git a/src/components/connectOverlay/ConnectOverlay.tsx b/src/components/connectOverlay/ConnectOverlay.tsx
@@ -171,7 +171,7 @@ const ConnectOverlay: React.FC<Props> = ({
                     </div>
                     <div>
                         <p className="m-4 mb-8 px-10">
-                            Please connect MetaMask & approve transaction
+                            Please connect your Wallet & approve transaction
                         </p>
                     </div>
                 </>
-Original file line number
+Diff line change
@@ Expand Up / @@ -171,7 +171,7 @@ const ConnectOverlay: React.FC<Props> = ({ @@
                         </div>
                         <div>
                             <p className="m-4 mb-8 px-10">
-                                Please connect MetaMask & approve transaction
+                                Please connect your Wallet & approve transaction
                             </p>
                         </div>
                     </>
@@ Expand Down @@