More header styling

luloxi · Sep 23, 2024 · 66b5848 · 66b5848
1 parent 9ddb7bd
commit 66b5848
Showing 1 changed file with 8 additions and 14 deletions.
diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
@@ -137,20 +137,14 @@ export const Header = () => {
           <RainbowKitCustomConnectButton />
         )}
         {isMenuOpen && isConnected && (
-          <div className="absolute right-0 top-10 mt-2 w-48 bg-base-100 shadow-lg rounded-lg">
-            <ul className="menu p-2">
-              <li>
-                <RainbowKitCustomConnectButton />
-              </li>
-              <li>
-                <div className="flex flex-row gap-2">
-                  <Link href="/myProfile" passHref>
-                    <span className="btn btn-secondary">My Profile</span>
-                  </Link>
-                  <FaucetButton />
-                </div>
-              </li>
-            </ul>
+          <div className="absolute flex flex-col items-center justify-center right-0 top-10 mt-2 w-48 bg-base-100 shadow-lg rounded-lg">
+            <RainbowKitCustomConnectButton />
+            <div className="pt-2 mb-2 flex flex-row items-center justify-center gap-2">
+              <Link href="/myProfile" passHref>
+                <span className="btn btn-primary">My Profile</span>
+              </Link>
+              <FaucetButton />
+            </div>
           </div>
         )}
       </div>