优化element弹窗

src/App.vue

@@ -58,6 +58,11 @@ router.beforeEach((to, from) => {
   --r-lighter: calc(var(--r) + (255 - var(--r)) * 0.2);
   --g-lighter: calc(var(--g) + (255 - var(--g)) * 0.2);
   --b-lighter: calc(var(--b) + (255 - var(--b)) * 0.2);
+
+  --r-lighter2: calc(var(--r) + (255 - var(--r)) * 0.5);
+  --g-lighter2: calc(var(--g) + (255 - var(--g)) * 0.5);
+  --b-lighter2: calc(var(--b) + (255 - var(--b)) * 0.5);
+
   --r-darker: calc(var(--r) * 0.8);
   --g-darker: calc(var(--g) * 0.8);
   --b-darker: calc(var(--b) * 0.8);
@@ -67,6 +72,7 @@ router.beforeEach((to, from) => {
   --el-button-hover-bg-color: var(--primary-color) !important;
   --el-color-primary-light-3: rgb(var(--r-lighter), var(--g-lighter), var(--b-lighter)) !important;
   --el-color-primary-dark-2: rgb(var(--r-darker), var(--g-darker), var(--b-darker)) !important;
+  --el-color-primary-light-5: rgb(var(--r-lighter2), var(--g-lighter2), var(--b-lighter2)) !important;
 
   --el-font-size-base: 20px !important;
   --el-message-close-size: 20px !important;
@@ -78,6 +84,10 @@ html {
   color: #333;
 }
 
+.el-dialog__headerbtn {
+  top: 10px !important;
+}
+
 .el-textarea {
   font-size: var(--el-font-size-base) !important;
 }
@@ -116,6 +126,16 @@ html {
   margin-right: 16px;
 }
 
+.el-input__suffix {
+  font-size: 20px !important;
+}
+
+.empty {
+  display: flex;
+  justify-content: center;
+  padding-top: 100px;
+}
+
 /*定义滚动条高宽及背景
  高宽分别对应横竖滚动条的尺寸*/
 ::-webkit-scrollbar {
@@ -213,5 +233,4 @@ html {
     }
   }
 }
-
 </style>