From 50d9b9f0225b16e2e40db3497a26aace5d5214dc Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 19 Jun 2024 00:18:41 -0300
Subject: [PATCH 1/3] remove unused css

---
 src/renderer/src/pages/user/user.css.ts | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/src/renderer/src/pages/user/user.css.ts b/src/renderer/src/pages/user/user.css.ts
index 47e197d9..862d38e2 100644
--- a/src/renderer/src/pages/user/user.css.ts
+++ b/src/renderer/src/pages/user/user.css.ts
@@ -101,29 +101,17 @@ export const contentSidebar = style({
       maxWidth: "250px",
       width: "100%",
     },
-    "(min-width: 1280px)": {
-      width: "100%",
-      maxWidth: "350px",
-    },
   },
 });
 
 export const feedGameIcon = style({
   height: "100%",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  position: "relative",
 });
 
 export const libraryGameIcon = style({
   width: "100%",
   height: "100%",
   borderRadius: "4px",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  position: "relative",
 });
 
 export const feedItem = style({

From 191023ac38be73c2bfa66604cdecd74f0d0f7dab Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 19 Jun 2024 00:31:13 -0300
Subject: [PATCH 2/3] clear profileBackground if there is no image

---
 src/renderer/src/hooks/use-user-details.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/renderer/src/hooks/use-user-details.ts b/src/renderer/src/hooks/use-user-details.ts
index e36fcd36..b73eb12a 100644
--- a/src/renderer/src/hooks/use-user-details.ts
+++ b/src/renderer/src/hooks/use-user-details.ts
@@ -44,6 +44,12 @@ export function useUserDetails() {
           "userDetails",
           JSON.stringify({ ...userDetails, profileBackground })
         );
+      } else {
+        dispatch(setProfileBackground(null));
+        window.localStorage.setItem(
+          "userDetails",
+          JSON.stringify({ ...userDetails })
+        );
       }
     },
     [dispatch]

From 411a08247f871ecaceb058a6ced71344ee4f6034 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 19 Jun 2024 00:40:43 -0300
Subject: [PATCH 3/3] color and size adjustment

---
 src/renderer/src/pages/user/user-edit-modal.tsx | 2 +-
 src/renderer/src/pages/user/user.css.ts         | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/pages/user/user-edit-modal.tsx b/src/renderer/src/pages/user/user-edit-modal.tsx
index fe45acea..53712ab2 100644
--- a/src/renderer/src/pages/user/user-edit-modal.tsx
+++ b/src/renderer/src/pages/user/user-edit-modal.tsx
@@ -105,7 +105,7 @@ export const UserEditProfileModal = ({
                 src={newImageBase64 ?? userProfile.profileImageUrl ?? ""}
               />
             ) : (
-              <PersonIcon size={72} />
+              <PersonIcon size={96} />
             )}
             <div className={styles.editProfileImageBadge}>
               <PencilIcon size={16} />
diff --git a/src/renderer/src/pages/user/user.css.ts b/src/renderer/src/pages/user/user.css.ts
index 862d38e2..236aa96c 100644
--- a/src/renderer/src/pages/user/user.css.ts
+++ b/src/renderer/src/pages/user/user.css.ts
@@ -40,6 +40,7 @@ export const profileAvatarEditContainer = style({
   height: "128px",
   display: "flex",
   borderRadius: "50%",
+  color: vars.color.body,
   justifyContent: "center",
   alignItems: "center",
   backgroundColor: vars.color.background,
@@ -162,6 +163,7 @@ export const editProfileImageBadge = style({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
+  color: vars.color.background,
   backgroundColor: vars.color.muted,
   position: "absolute",
   bottom: "0px",