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 trace table

Browse Source
This commit is contained in:
Fine 2023-11-13 11:45:07 +08:00
parent f223548ca8
commit 286eb6bb42
5 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles/theme.scss
View File

@ -44,6 +44,7 @@ html {
--sw-trace-success: rgb(46 47 51 / 10%); --sw-trace-success: rgb(46 47 51 / 10%);
--sw-trace-list-border: rgb(0 0 0 / 7%); --sw-trace-list-border: rgb(0 0 0 / 7%);
--sw-trace-list-hover: #ededed; --sw-trace-list-hover: #ededed;
--sw-table-header: #f3f4f9;
} }
html.dark { html.dark {
@ -56,7 +57,7 @@ html.dark {
--border-color: #262629; --border-color: #262629;
--border-color-primary: #4b4b52; --border-color-primary: #4b4b52;
--layout-background: #000; --layout-background: #000;
--box-shadow-color: #666; --box-shadow-color: #606266;
--sw-bg-color-overlay: #1d1e1f; --sw-bg-color-overlay: #1d1e1f;
--sw-border-color-light: #414243; --sw-border-color-light: #414243;
--popper-hover-bg: rgb(64, 158, 255, 0.1); --popper-hover-bg: rgb(64, 158, 255, 0.1);
@ -64,7 +65,7 @@ html.dark {
--sw-icon-btn-color: #ccc; --sw-icon-btn-color: #ccc;
--sw-icon-btn-border: #999; --sw-icon-btn-border: #999;
--sw-table-col: none; --sw-table-col: none;
--sw-config-header: #333; --sw-config-header: #303133;
--sw-topology-color: #ccc; --sw-topology-color: #ccc;
--vis-tooltip-bg: #414243; --vis-tooltip-bg: #414243;
--sw-topology-switch-icon: #aaa; --sw-topology-switch-icon: #aaa;
@ -72,8 +73,9 @@ html.dark {
--sw-topology-setting-bg: #333; --sw-topology-setting-bg: #333;
--sw-topology-border: 1px solid #666; --sw-topology-border: 1px solid #666;
--sw-trace-success: #aaa; --sw-trace-success: #aaa;
--sw-trace-list-border: #333; --sw-trace-list-border: #333133;
--sw-trace-list-hover: #3d444f; --sw-trace-list-hover: #3d444f;
--sw-table-header: #303133;
} }
.el-table tr { .el-table tr {

2
src/views/dashboard/related/continuous-profiling/components/InstanceList.vue
View File

@ -149,7 +149,7 @@ limitations under the License. -->
font-weight: bold; font-weight: bold;
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
padding: 10px 20px; padding: 10px 20px;
background-color: #f3f4f9; background-color: var(--sw-table-header);
} }
.settings { .settings {

2
src/views/dashboard/related/log/LogTable/Index.vue
View File

@ -109,7 +109,7 @@ limitations under the License. -->
border: 1px solid transparent; border: 1px solid transparent;
border-right: 1px dotted silver; border-right: 1px dotted silver;
line-height: 30px; line-height: 30px;
background-color: #f3f4f9; background-color: var(--sw-table-header);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;

2
src/views/dashboard/related/profile/components/Stack/Container.vue
View File

@ -115,7 +115,7 @@ limitations under the License. -->
padding: 0 4px; padding: 0 4px;
border-right: 1px dotted silver; border-right: 1px dotted silver;
line-height: 30px; line-height: 30px;
background-color: #f3f4f9; background-color: var(--sw-table-header);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;

2
src/views/dashboard/related/trace/components/Table/TableContainer.vue
View File

@ -170,7 +170,7 @@ limitations under the License. -->
.trace-header div { .trace-header div {
display: inline-block; display: inline-block;
background-color: #f3f4f9; background-color: var(--sw-table-header);
padding: 0 4px; padding: 0 4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: 1px dotted silver; border-right: 1px dotted silver;