UI Refresh

src/components/dialogs/AvatarDialog/AvatarDialog.vue

@@ -4,7 +4,8 @@
         class="x-dialog x-avatar-dialog"
         v-model="avatarDialog.visible"
         :show-close="false"
-        width="700px">
+        top="10vh"
+        width="930px">
         <div v-loading="avatarDialog.loading">
             <div style="display: flex">
                 <img
@@ -246,11 +247,7 @@
                                 style="margin-left: 5px"
                                 @click="selectAvatarWithoutConfirmation(avatarDialog.id)"></el-button>
                         </el-tooltip>
-                        <el-dropdown
-                            trigger="click"
-                            size="small"
-                            style="margin-left: 5px"
-                            @command="avatarDialogCommand">
+                        <el-dropdown trigger="click" style="margin-left: 5px" @command="avatarDialogCommand">
                             <el-button
                                 :type="avatarDialog.isBlocked ? 'danger' : 'default'"
                                 :icon="MoreFilled"

src/components/dialogs/AvatarDialog/ChangeAvatarImageDialog.vue

@@ -321,7 +321,7 @@
     }
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
     .img-size {
         width: 500px;
         height: 375px;

src/components/dialogs/AvatarDialog/SetAvatarTagsDialog.vue

@@ -68,12 +68,12 @@
                         <span
                             v-if="avatar.releaseStatus === 'public'"
                             class="extra"
-                            style="color: #67c23a"
+                            style="color: var(--el-color-success)"
                             v-text="avatar.releaseStatus"></span>
                         <span
                             v-else-if="avatar.releaseStatus === 'private'"
                             class="extra"
-                            style="color: #f56c6c"
+                            style="color: var(--el-color-danger)"
                             v-text="avatar.releaseStatus"></span>
                         <span v-else class="extra" v-text="avatar.releaseStatus"></span>
                         <span class="extra" v-text="avatarTagStrings.get(avatar.id)"></span>