Fix profile avatar distortions

FluxonApps · Jun 7, 2024 · 0b9c900 · 0b9c900
1 parent 9643237
commit 0b9c900
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 22 deletions.
diff --git a/src/components/Header.css b/src/components/Header.css
@@ -24,10 +24,3 @@
     width: 100px;
     height: 30px;
 }
-
-.image {
-  height: 50px;
-  margin: 10px;
-  border: 2.5px solid #444A6E;
-  border-radius: 100px;
-}
diff --git a/src/components/MainPage2.css b/src/components/MainPage2.css
@@ -135,11 +135,3 @@ body, html, #root {
 .friend-answer {
     font-size: 14px;
 }
-
-
-.image {
-  height: 50px;
-  margin: 10px;
-  border: 2.5px solid #444A6E;
-  border-radius: 100px;
-}
diff --git a/src/components/ProfilePage.css b/src/components/ProfilePage.css
@@ -125,8 +125,10 @@ body, html, #root {
   }
 
 .profile-icon {
+    flex: 0 0 100px;
     width: 100px;
     height: 100px;
+    max-width: 100%;
     border-radius: 50%;
     object-fit: cover;
     border: 2px solid #3b3b5f;

diff --git a/src/components/Search.css b/src/components/Search.css
@@ -18,13 +18,6 @@ body {
   background-color: #FCF4E4; /* Adjust header background color */
 }
 
-.image {
-  height: 50px;
-  margin: 10px;
-  border: 2.5px solid #444A6E;
-  border-radius: 100px;
-  width: auto;
-}
 /* App logo styling */
 .app-logo {
   height: 70px; /* Adjusted to a fixed height instead of using 'cap' */

diff --git a/src/index.css b/src/index.css
@@ -19,3 +19,11 @@ body,
 html {
   background-color: #2c2b4a;
 }
+
+.image {
+  height: 50px;
+  width: 50px;
+  margin: 10px;
+  border: 2.5px solid #444a6e;
+  border-radius: 100px;
+}