fix 修复 头像选择器样式异常

src/assets/styles/components/_theme-helpers.scss

@@ -49,15 +49,5 @@
 }
 
 
-.avatar-upload-preview {
-  position: absolute;
-  top: 50%;
-  transform: translate(50%, -50%);
-  width: 200px;
-  height: 200px;
-  border-radius: 50%;
-  box-shadow: 0 0 4px #ccc;
-  overflow: hidden;
-}
 
 

src/views/system/user/profile/userAvatar.vue

@@ -192,21 +192,19 @@ const closeDialog = () => {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   cursor: pointer;
-  line-height: 120px;
+  line-height: 110px;
   border-radius: 50%;
 }
 
 .avatar-upload-preview {
-  display: flex;
+  position: absolute;
-  align-items: center;
+  top: 50%;
-  justify-content: center;
+  transform: translate(50%, -50%);
-  width: 100%;
+  width: 200px;
-  height: 100%;
+  height: 200px;
-  border-radius: 18px;
+  border-radius: 50%;
-  background: rgba(248, 250, 252, 0.9);
+  box-shadow: 0 0 4px #ccc;
+  overflow: hidden;
 }
 
-.avatar-upload-preview img {
-  max-width: 100%;
-}
 </style>