gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 统一单选删除弹框的按钮样式

Browse Source
This commit is contained in:
刘洪洪
2024-04-12 16:19:55 +08:00
parent 6dc3ab1058
commit 858b85b023
6 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/assets/css/common/button.scss
View File

@@ -12,6 +12,7 @@
&:hover:not(:disabled) {
background-color: var(--el-color-business-light-2);
}
&:focus:not(:disabled) {
background-color: var(--el-color-business-dark-1);
}
@@ -24,6 +25,7 @@
&:hover:not(:disabled) {
background-color: var(--el-fill-color);
}
&:focus:not(:disabled) {
background-color: var(--el-fill-color-darker);
}
@@ -34,3 +36,27 @@
opacity: 0.66;
}
}
//单个删除弹框messageBox的底部按钮样式。应用场景：administration下顶部工具栏的删除按钮
.single-del-model {
.el-message-box__btns {
.el-button:nth-child(1) {
width: 80px;
height: 28px;
margin-right: 20px;
color: var(--el-text-color-primary);
background: var(--el-fill-color-light);
border: 1px solid var(--el-border-color-dark);
border-radius: 2px;
}
.el-button:nth-child(2) {
width: 80px;
height: 28px;
margin-right: 20px;
margin-left: 0 !important;
background-color: var(--el-color-business);
border-color: var(--el-color-business-dark-2);
}
}
}