style: update

This commit is contained in:
xiaoxian521 2024-01-27 15:49:45 +08:00
parent b28a1df479
commit 53fe19c1da
2 changed files with 10 additions and 6 deletions

View File

@ -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"
/>

View File

@ -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;