From 129d71101c29cde46d5b7e9fe77eb33360e6d8c0 Mon Sep 17 00:00:00 2001
From: Dylan <duanyytop@gmail.com>
Date: Tue, 21 Nov 2023 14:37:09 +0800
Subject: [PATCH] update header css

---
 src/App.css |  1 -
 src/App.tsx | 10 ++++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.css b/src/App.css
index 1d2dd60..f4f1f61 100644
--- a/src/App.css
+++ b/src/App.css
@@ -17,7 +17,6 @@ p {
 
 #app {
   width: 100%;
-  text-align: center;
   font-size: 14px;
 }
 
diff --git a/src/App.tsx b/src/App.tsx
index 9c7ee9c..d50d2ce 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -151,7 +151,7 @@ export default function App() {
 
   return (
     <div id="app">
-      <div className="text-2xl sticky font-bold">Mini App wallet connect demo</div>
+      <div className="text-2xl sticky font-bold text-center">Mini App wallet connect demo</div>
       {address ? (
         <div className="mb-[20px]">
           <h1 className="text-xl mb-4">Connected: </h1>
@@ -207,9 +207,11 @@ export default function App() {
           <div className="divider" />
         </div>
       ) : (
-        <button className="btn btn-primary capitalize w-[180px] mt-[50px]" onClick={onConnect}>
-          {connectLoading ? <span className="loading loading-spinner loading-md" /> : "JoyID Passkey connect"}
-        </button>
+        <div className="text-center">
+          <button className="btn btn-primary capitalize w-[200px] mt-[30px]" onClick={onConnect}>
+            {connectLoading ? <span className="loading loading-spinner loading-md" /> : "JoyID Passkey connect"}
+          </button>
+        </div>
       )}
     </div>
   );