diff --git a/app/assets/stylesheets/profile.scss b/app/assets/stylesheets/profile.scss index 3e7200d13cda7f0e2ba326823d85a6d9b3127c48..a053f3bde73859c2a4b40cd7d86d3b8916953321 100644 --- a/app/assets/stylesheets/profile.scss +++ b/app/assets/stylesheets/profile.scss @@ -27,7 +27,7 @@ } #profile-avatar { - max-width: 150px; + max-width: 200px; .avatar-icon-circle { top: 5px; diff --git a/app/javascript/components/users/user/SetAvatar.jsx b/app/javascript/components/users/user/SetAvatar.jsx index c8f763cb14ef10a3958d83c3e95f989f90238a18..9759d51e55db9f9501bf5e6b3014375870095607 100644 --- a/app/javascript/components/users/user/SetAvatar.jsx +++ b/app/javascript/components/users/user/SetAvatar.jsx @@ -57,7 +57,7 @@ export default function SetAvatar({ user }) { return ( <div id="profile-avatar" className="mt-5 d-block ms-auto me-auto"> <Stack direction="vertical" gap={2}> - <div onClick={handleClick} className="cursor-pointer position-relative" aria-hidden="true"> + <div onClick={handleClick} className="cursor-pointer position-relative mx-auto" aria-hidden="true"> <div className="avatar-icon-circle float-end position-absolute rounded-circle"> <FolderPlusIcon className="hi-s" /> </div>