Refactor UI layout in App.tsx, update button title, and improve text …

…alignment
softstack · May 3, 2024 · 6973276 · 6973276
1 parent 2025415
commit 6973276
Showing 1 changed file with 3 additions and 12 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -214,7 +214,7 @@ function App() {
                     </div>
                     <div className="p-2 mb-2">
                         <PrimaryButton
-                            title="Add to your Home Screen"
+                            title="Connect Your Wallet"
                             callback={skip}
                         />
                     </div>
@@ -261,7 +261,7 @@ function App() {
                         <div className="flex flex-col bg-white pt-4 px-8 pb-8 min-h-fit gap-2 rounded-t-3xl rounded-b-xl shadow-custom-white">
                             <h2 className="headline">HORRAY!</h2>
                             <div className="text-sm font-semibold text-center text-customGrayAddress">
-                                <p>{account}</p>
+                                <p className="my-0 mx-auto">{account}</p>
                             </div>
                             <div className="flex justify-center items-center max-w-10 my-0 mx-auto">
                                 <img
@@ -342,19 +342,14 @@ function App() {
                                     valueSpot={parseFloat(balance || '0.0')}
                                 />
                             </div>
-                            {/* <input
-                                    type="text"
-                                    placeholder="Enter test message here"
-                                    onInput={handleTestMessageChange}
-                                ></input> */}
                             {signedMessage && (
                                 <div
                                     style={{
                                         color: 'black',
                                     }}
                                 >
                                     <p>Signed Message:</p>
-                                    <p style={{ textWrap: 'wrap' }}>
+                                    <p className="my-0 mx-auto text-center text-wrap">
                                         {signedMessage}
                                     </p>
                                 </div>
@@ -364,10 +359,6 @@ function App() {
                                     title="Sign Test Message in Wallet"
                                     callback={triggerTestMessageSign}
                                 />
-                                {/* <PrimaryButton
-                                        title="Trigger Test Message to Chat"
-                                        callback={triggerTestMessageToChat}
-                                    /> */}
                             </div>
                         </div>
                     </div>