twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-06 16:37:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: update

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/layout/components/panel/index.vue
View File

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

5
src/style/element-plus.scss
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-dialog__headerbtn,
.el-message-box__headerbtn { .el-message-box__headerbtn {
&:hover { &:hover {
@ -70,7 +70,8 @@
&.el-dialog__close, &.el-dialog__close,
&.el-drawer__close, &.el-drawer__close,
&.el-message-box__close, &.el-message-box__close,
&.el-notification__closeBtn { &.el-notification__closeBtn,
.el-upload-list__item.is-ready &.el-icon--close {
width: 24px; width: 24px;
height: 24px; height: 24px;
border-radius: 4px; border-radius: 4px;