Make buttons look nicer

bfullam · Apr 12, 2024 · ac8f1c9 · ac8f1c9
1 parent 6b58eae
commit ac8f1c9
Showing 1 changed file with 18 additions and 3 deletions.
diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
@@ -95,9 +95,24 @@ const Home: NextPage = () => {
           </div>
         </div>
 
-        <button onClick={() => fundTBA()}>FUND TBA</button>
-        <button onClick={() => createAccount()}>CREATE ACCOUNT</button>
-        <button onClick={() => transferETH()}>TRANSFER ETH</button>
+        <button
+          className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-5"
+          onClick={() => fundTBA()}
+        >
+          FUND TBA
+        </button>
+        <button
+          className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-5"
+          onClick={() => createAccount()}
+        >
+          CREATE ACCOUNT
+        </button>
+        <button
+          className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-5"
+          onClick={() => transferETH()}
+        >
+          TRANSFER ETH
+        </button>
       </div>
     </>
   );