Parcourir la source

style: update

xiaoxian521 il y a 1 an
Parent
commit
53fe19c1da
2 fichiers modifiés avec 10 ajouts et 6 suppressions
  1. 7 4
      src/layout/components/panel/index.vue
  2. 3 2
      src/style/element-plus.scss

+ 7 - 4
src/layout/components/panel/index.vue

@@ -10,9 +10,12 @@ const show = ref<Boolean>(false);
 
 const iconClass = computed(() => {
   return [
+    "w-[22px]",
+    "h-[22px]",
+    "flex",
+    "justify-center",
+    "items-center",
     "outline-none",
-    "width-[20px]",
-    "height-[20px]",
     "rounded-[4px]",
     "cursor-pointer",
     "transition-colors",
@@ -59,8 +62,8 @@ onBeforeUnmount(() => {
         >
           <IconifyIconOffline
             class="dark:text-white"
-            width="20px"
-            height="20px"
+            width="18px"
+            height="18px"
             :icon="Close"
             @click="show = !show"
           />

+ 3 - 2
src/style/element-plus.scss

@@ -56,7 +56,7 @@
   }
 }
 
-/* 全局覆盖element-plus的el-dialog、el-drawer、el-message-box、el-notification组件右上角关闭图标的样式,表现更鲜明 */
+/* 全局覆盖element-plus的el-dialog、el-drawer、el-message-box、el-notification组件右上角关闭图标和el-upload上传文件列表右侧关闭图标的样式,表现更鲜明 */
 .el-dialog__headerbtn,
 .el-message-box__headerbtn {
   &:hover {
@@ -70,7 +70,8 @@
   &.el-dialog__close,
   &.el-drawer__close,
   &.el-message-box__close,
-  &.el-notification__closeBtn {
+  &.el-notification__closeBtn,
+  .el-upload-list__item.is-ready &.el-icon--close {
     width: 24px;
     height: 24px;
     border-radius: 4px;