Merge pull request #5452 from captain-Akshay/master

added better profile icon
layer5io · Mar 15, 2024 · 0d9f9b2 · 0d9f9b2
2 parents 40450a8 + 6243139
commit 0d9f9b2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js
@@ -382,11 +382,13 @@ const Navigation = () => {
             <div className="dropDown">
               <button
                 className="avatar-container"
+                style={{
+                  backgroundImage: `url(${userData.avatar_url})`,
+                  backgroundSize: "cover",
+                }}
                 onClick={() => setDropDown((prev) => !prev)}
               >
-                {userData.avatar_url ? (
-                  <img src={userData.avatar_url} alt={userData.first_name} />
-                ) : (
+                {!userData.avatar_url && (
                   <DefaultAvatar className="default_avatar" />
                 )}
               </button>

diff --git a/src/sections/General/Navigation/navigation.style.js b/src/sections/General/Navigation/navigation.style.js
@@ -94,6 +94,9 @@ const NavigationWrap = styled.header`
       .dark-theme-toggle {
         margin-left: 0.5em;
       }
+      .dropDown{
+        margin-left:3rem;
+      }
     }
     @media screen and (max-width: 992px) {
       right: -1rem;
@@ -118,7 +121,10 @@ const NavigationWrap = styled.header`
       }
       .dropDown-content {
         top: 2rem;
-        left: 3rem;
+        left: -6rem;
+      }
+      .dropDown{
+        margin-left:1rem;
       }
     }
   }