From b456334cedad566bf2c4c66481ec928dc59eda7d Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 1 Jul 2021 20:35:50 +0800
Subject: ...

---
 FrontEnd/src/views/settings/ChangeAvatarDialog.tsx | 12 +++++++-----
 FrontEnd/src/views/user/index.css                  |  9 ---------
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/FrontEnd/src/views/settings/ChangeAvatarDialog.tsx b/FrontEnd/src/views/settings/ChangeAvatarDialog.tsx
index 784da2d7..c33687df 100644
--- a/FrontEnd/src/views/settings/ChangeAvatarDialog.tsx
+++ b/FrontEnd/src/views/settings/ChangeAvatarDialog.tsx
@@ -150,11 +150,13 @@ const ChangeAvatarDialog: React.FC<ChangeAvatarDialogProps> = (props) => {
     }
     return (
       <div className="row justify-content-center">
-        <img
-          className="change-avatar-img"
-          src={resultUrl}
-          alt={t("settings.dialogChangeAvatar.previewImgAlt")}
-        />
+        <div className="col col-auto">
+          <img
+            className="change-avatar-img"
+            src={resultUrl}
+            alt={t("settings.dialogChangeAvatar.previewImgAlt")}
+          />
+        </div>
       </div>
     );
   };
diff --git a/FrontEnd/src/views/user/index.css b/FrontEnd/src/views/user/index.css
index 35f01d38..e69de29b 100644
--- a/FrontEnd/src/views/user/index.css
+++ b/FrontEnd/src/views/user/index.css
@@ -1,9 +0,0 @@
-.change-avatar-cropper-row {
-  max-height: 400px;
-}
-
-.change-avatar-img {
-  min-width: 50%;
-  max-width: 100%;
-  max-height: 400px;
-}
-- 
cgit v1.2.3