UI improvements

luloxi · Sep 24, 2024 · 890b52c · 890b52c
1 parent 983e8aa
commit 890b52c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/packages/nextjs/app/myProfile/MyProfile.tsx b/packages/nextjs/app/myProfile/MyProfile.tsx
@@ -138,7 +138,7 @@ export const MyProfile: NextPage = () => {
       {/* User Profile Section */}
       <div className="relative flex flex-col md:flex-row items-center bg-base-100 p-6 rounded-lg shadow-md w-full">
         {/* Profile Picture */}
-        <div className="avatar mr-4 md:mr-8">
+        <div className="avatar ">
           <ProfilePictureUpload
             isEditing={isEditing}
             profilePicture={profilePicture}
@@ -205,7 +205,7 @@ export const MyProfile: NextPage = () => {
 
         {/* USDC Balance and Logo at the Bottom Right */}
         {isEditing ? (
-          <div className="absolute bottom-2 right-4 flex items-center gap-2">
+          <div className="mt-2 flex items-center gap-2">
             <button className="cool-button" onClick={handleEditProfile}>
               Save changes
             </button>

diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
@@ -3,7 +3,7 @@ import type { NextPage } from "next";
 import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
 
 export const metadata = getMetadata({
-  title: "Explore | DARTE",
+  title: "DARTE",
   description: "Built with 🏗 Scaffold-ETH 2",
 });
 

diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
@@ -168,8 +168,11 @@ export const Header = () => {
           <RainbowKitCustomConnectButton />
         )}
         {isMenuOpen && isConnected && (
-          <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="absolute flex flex-col items-center justify-center right-0 top-10 mt-2 w-48 bg-base-300 shadow-lg rounded-lg">
+            <div className="pt-2">
+              <RainbowKitCustomConnectButton />
+            </div>
+
             <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>