zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 样式调整

This commit is contained in:
caoqianming 2024-08-07 16:36:14 +08:00
parent edc93d7110
commit f8923e2a48
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/style/app.scss
View File

@ -114,4 +114,8 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
} }
#opl__opre>.el-descriptions__body>.el-descriptions__table:not(.is-bordered) .el-descriptions__cell{ #opl__opre>.el-descriptions__body>.el-descriptions__table:not(.is-bordered) .el-descriptions__cell{
padding-bottom: 5px; padding-bottom: 5px;
}
.el-select {
width: 10vw;
} }

25
src/style/dark.scss
View File

@ -131,6 +131,14 @@ html.dark {
margin: 0 5px; margin: 0 5px;
} }
.el-select__wrapper{
--el-border-color: #ffffff;
}
.el-select__placeholder.is-transparent {
color: #d8d8d8;
}
.el-select .el-input .el-select__caret { .el-select .el-input .el-select__caret {
color: #ffffff; color: #ffffff;
} }
@ -157,7 +165,7 @@ html.dark {
height: 100%; height: 100%;
background: var(--el-bg-color-overlay); background: var(--el-bg-color-overlay);
border-color: var(--el-border-color-light); border-color: var(--el-border-color-light);
border-radius: 20px; // border-radius: 4px;
background: rgb(4, 50, 83); background: rgb(4, 50, 83);
background-color: rgb(4, 50, 83); background-color: rgb(4, 50, 83);
box-shadow: inset 0px 0px 30px 15px rgb(7, 79, 109); box-shadow: inset 0px 0px 30px 15px rgb(7, 79, 109);
@ -174,14 +182,19 @@ html.dark {
} }
.scTable-table { .scTable-table {
padding: 1vw; padding: 0.2vw;
border-radius: 20px; // border-radius: 4px;
background: rgb(4, 50, 83); background: rgb(4, 50, 83);
background-color: rgb(4, 50, 83); background-color: rgb(4, 50, 83);
box-shadow: inset 0px 0px 30px 15px rgb(7, 79, 109); box-shadow: inset 0px 0px 30px 15px rgb(7, 79, 109);
border: 1px solid #1279c3; border: 1px solid #1279c3;
} }
.scTable-page {
background: rgb(4, 50, 83);
border: 1px solid #1279c3;
}
.el-table { .el-table {
--el-table-border-color: transparent; --el-table-border-color: transparent;
--el-table-row-hover-bg-color: rgb(15, 59, 94); --el-table-row-hover-bg-color: rgb(15, 59, 94);
@ -212,7 +225,9 @@ html.dark {
.el-table th.is-sortable:hover { .el-table th.is-sortable:hover {
background: #111; background: #111;
} }
.el-table__header {
--el-table-tr-bg-color: #1e789a
}
.el-pagination.is-background .el-pager li.is-active { .el-pagination.is-background .el-pager li.is-active {
background-color: #1e789a; background-color: #1e789a;
} }
@ -245,7 +260,7 @@ html.dark {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
line-height: 50px; line-height: 50px;
border-radius: 5px; // border-radius: 4px;
padding: 0 1vw; padding: 0 1vw;
margin-top: 0.5vh; margin-top: 0.5vh;
align-items: center; align-items: center;