opt: upgrade element-plus to 2.3.0, optimize the styles for for element dialog

web/src/components/ChatMidJourney.vue

@@ -12,7 +12,7 @@
             <el-image :src="data.image?.url"
                       :zoom-rate="1.0"
                       :preview-src-list="[data.image?.url]"
-                      :initial-index="0" lazy>
+                      :initial-index="0" loading="lazy">
               <template #placeholder>
                 <div class="image-slot"
                      :style="{height: height+'px', lineHeight:height+'px'}">

web/src/components/admin/AdminHeader.vue

@@ -62,7 +62,7 @@
     <el-dialog
         v-model="showDialog"
         :show-close="true"
-        custom-class="donate-dialog"
+        class="donate-dialog"
         width="400px"
         title="请作者喝杯咖啡"
     >

web/src/components/admin/AdminSidebar.vue

@@ -158,7 +158,7 @@ setMenuItems(items)
     .el-image {
       width 30px;
       height 30px;
-      padding-top 5px;
+      padding-top 8px;
       border-radius 100%
 
       .el-image__inner {

web/src/views/ChatPlus.vue

@@ -231,9 +231,7 @@
     <el-dialog
         v-model="showRewardDialog"
         :show-close="true"
-        custom-class="donate-dialog"
         width="400px"
-        top="5vh"
         title="参与众筹"
     >
       <el-alert type="info" :closable="false">
@@ -989,31 +987,28 @@ $borderColor = #4676d0;
           width 100%
           padding-top 10px;
 
-          .el-tooltip__trigger {
+          .el-dropdown-link {
             width 100%;
+            cursor: pointer
+            display flex
 
-            .el-dropdown-link {
-              cursor: pointer
+            .el-image {
+              width: 20px;
+              height: 20px;
+              border-radius: 5px;
+            }
+
+            .username {
               display flex
+              line-height 22px;
+              width 230px;
+              padding-left 10px;
 
-              .el-image {
-                width: 20px;
-                height: 20px;
-                border-radius: 5px;
-              }
+            }
 
-              .username {
-                display flex
-                line-height 22px;
-                width 230px;
-                padding-left 10px;
-
-              }
-
-              .el-icon {
-                color: #cccccc;
-                line-height 24px;
-              }
+            .el-icon {
+              color: #cccccc;
+              line-height 24px;
             }
           }
 
@@ -1218,4 +1213,17 @@ $borderColor = #4676d0;
     }
   }
 }
+</style>
+
+<style lang="stylus">
+.el-overlay-dialog {
+  display flex
+  justify-content center
+  align-items center
+
+  .el-dialog {
+    margin 10px;
+  }
+}
+
 </style>

web/src/views/admin/Home.vue

@@ -43,4 +43,17 @@ checkAdminSession().then(() => {
 @import '@/assets/css/main.css';
 @import '@/assets/css/color-dark.css';
 @import '@/assets/iconfont/iconfont.css';
+</style>
+
+<style lang="stylus">
+.el-overlay-dialog {
+  display flex
+  justify-content center
+  align-items center
+
+  .el-dialog {
+    margin 10px;
+  }
+}
+
 </style>