color and size adjustment

This commit is contained in:
Zamitto 2024-06-19 00:40:43 -03:00
parent 191023ac38
commit 411a08247f
2 changed files with 3 additions and 1 deletions

View File

@ -105,7 +105,7 @@ export const UserEditProfileModal = ({
src={newImageBase64 ?? userProfile.profileImageUrl ?? ""} src={newImageBase64 ?? userProfile.profileImageUrl ?? ""}
/> />
) : ( ) : (
<PersonIcon size={72} /> <PersonIcon size={96} />
)} )}
<div className={styles.editProfileImageBadge}> <div className={styles.editProfileImageBadge}>
<PencilIcon size={16} /> <PencilIcon size={16} />

View File

@ -40,6 +40,7 @@ export const profileAvatarEditContainer = style({
height: "128px", height: "128px",
display: "flex", display: "flex",
borderRadius: "50%", borderRadius: "50%",
color: vars.color.body,
justifyContent: "center", justifyContent: "center",
alignItems: "center", alignItems: "center",
backgroundColor: vars.color.background, backgroundColor: vars.color.background,
@ -162,6 +163,7 @@ export const editProfileImageBadge = style({
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
color: vars.color.background,
backgroundColor: vars.color.muted, backgroundColor: vars.color.muted,
position: "absolute", position: "absolute",
bottom: "0px", bottom: "0px",