update header css

nervina-labs · Nov 21, 2023 · 129d711 · 129d711
1 parent 6459af4
commit 129d711
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git 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
@@ -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>
   );
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,7 +17,6 @@ p { @@
     #app {
       width: 100%;
-      text-align: center;
       font-size: 14px;
     }
@@ Expand Down @@