feat: update trace table

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

View File

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

View File

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

View File

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

View File

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

View File

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