From 53fe19c1daee9cfd9be08b482021efe7f6ed042a Mon Sep 17 00:00:00 2001 From: xiaoxian521 <1923740402@qq.com> Date: Sat, 27 Jan 2024 15:49:45 +0800 Subject: [PATCH] style: update --- src/layout/components/panel/index.vue | 11 +++++++---- src/style/element-plus.scss | 5 +++-- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/src/layout/components/panel/index.vue b/src/layout/components/panel/index.vue index 895403ea0..6a1bb446a 100644 --- a/src/layout/components/panel/index.vue +++ b/src/layout/components/panel/index.vue @@ -10,9 +10,12 @@ const show = ref(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(() => { > diff --git a/src/style/element-plus.scss b/src/style/element-plus.scss index 67f087bfe..71599c426 100644 --- a/src/style/element-plus.scss +++ b/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;