github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-12 15:52:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update table style

Browse Source
This commit is contained in:
Fine 2023-11-09 15:50:50 +08:00
parent 55532d7390
commit 554214752d
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/styles/theme.scss
View File

@ -34,6 +34,7 @@ html {
--sw-icon-btn-bg: #eee; --sw-icon-btn-bg: #eee;
--sw-icon-btn-color: #666; --sw-icon-btn-color: #666;
--sw-icon-btn-border: #ccc; --sw-icon-btn-border: #ccc;
--sw-table-col: #fff;
} }
html.dark { html.dark {
@ -53,6 +54,11 @@ html.dark {
--sw-icon-btn-bg: #222; --sw-icon-btn-bg: #222;
--sw-icon-btn-color: #ccc; --sw-icon-btn-color: #ccc;
--sw-icon-btn-border: #999; --sw-icon-btn-border: #999;
--sw-table-col: none;
}
.el-table tr {
background-color: var(--el-table-tr-bg-color);
} }
.el-popper.is-light { .el-popper.is-light {
@ -64,6 +70,27 @@ html.dark {
--el-switch-off-color: #aaa; --el-switch-off-color: #aaa;
} }
.el-table__body-wrapper tr td.el-table-fixed-column--left,
.el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right,
.el-table__footer-wrapper tr td.el-table-fixed-column--left,
.el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right,
.el-table__header-wrapper tr td.el-table-fixed-column--left,
.el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
background-color: var(--sw-table-col);
}
.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right,
.el-table th.el-table__cell {
background-color: var(--sw-table-col);
}
$tool-icon-btn-bg: var(--sw-icon-btn-bg); $tool-icon-btn-bg: var(--sw-icon-btn-bg);
$tool-icon-btn-color: var(--sw-icon-btn-color); $tool-icon-btn-color: var(--sw-icon-btn-color);
$popper-hover-bg-color: var(--popper-hover-bg); $popper-hover-bg-color: var(--popper-hover-bg);