Merge pull request #995 from dev-launchers/Jingwei/915-Circularize_th…

…e_profile_card I've reviewed the code – merging into main user-profile branch
dev-launchers · Apr 4, 2023 · 827d8e0 · 827d8e0
2 parents 5afed32 + e24ef2a
commit 827d8e0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/apps/website/src/components/modules/UserProfile/ProfileCard/ProfileCard.js b/apps/website/src/components/modules/UserProfile/ProfileCard/ProfileCard.js
@@ -13,7 +13,7 @@ const UserProfileImage = ({ img, created_at }) => {
 
   return (
     <Wrapper>
-      <ProfilePicture width={250} height={250} src={img} />
+      <ProfilePicture width={266} height={266} src={img} />
       <p> {`Member Since ${year}`}</p>
     </Wrapper>
   )

diff --git a/apps/website/src/components/modules/UserProfile/ProfileCard/StyledProfileCard.js b/apps/website/src/components/modules/UserProfile/ProfileCard/StyledProfileCard.js
@@ -24,10 +24,10 @@ export const Wrapper = styled.div`
   }
 `;
 export const ProfilePicture = styled.img`
-  height: auto;
-
+  border-radius: 50%;
   @media (orientation: portrait) {
-    width: 50%;
+    width: 128px;
+    height: 128px;
   }
 `;
 export const Name = styled.div``;