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 border

Browse Source
This commit is contained in:
Fine 2023-11-14 19:12:48 +08:00
parent 7b9c3744c7
commit a3791e50cd
10 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/theme.scss
View File

@ -42,7 +42,7 @@ html {
--sw-topology-setting-bg: #fff; --sw-topology-setting-bg: #fff;
--sw-topology-border: 1px solid #999; --sw-topology-border: 1px solid #999;
--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 / 10%);
--sw-list-selected: #ededed; --sw-list-selected: #ededed;
--sw-table-header: #f3f4f9; --sw-table-header: #f3f4f9;
--sw-list-hover: rgb(0 0 0 / 4%); --sw-list-hover: rgb(0 0 0 / 4%);

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

@ -147,7 +147,7 @@ limitations under the License. -->
width: 300px; width: 300px;
height: 98%; height: 98%;
overflow: auto; overflow: auto;
border-right: 1px solid rgb(0 0 0 / 10%); border-right: 1px solid var(--sw-trace-list-border);
} }
.item span { .item span {

2
src/views/dashboard/related/ebpf/components/TaskList.vue
View File

@ -80,7 +80,7 @@ limitations under the License. -->
width: 300px; width: 300px;
height: calc(100% - 10px); height: calc(100% - 10px);
overflow: auto; overflow: auto;
border-right: 1px solid rgb(0 0 0 / 10%); border-right: 1px solid var(--sw-trace-list-border);
} }
.item span { .item span {

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

@ -85,7 +85,7 @@ limitations under the License. -->
user-select: none; user-select: none;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-bottom: 1px solid rgb(0 0 0 / 10%); border-bottom: 1px solid var(--sw-trace-list-border);
.traceId { .traceId {
width: 140px; width: 140px;

2
src/views/dashboard/related/network-profiling/components/Tasks.vue
View File

@ -216,7 +216,7 @@ limitations under the License. -->
width: 330px; width: 330px;
height: calc(100% - 10px); height: calc(100% - 10px);
overflow: auto; overflow: auto;
border-right: 1px solid rgb(0 0 0 / 10%); border-right: 1px solid var(--sw-trace-list-border);
} }
.item span { .item span {

10
src/views/dashboard/related/profile/components/SegmentList.vue
View File

@ -83,7 +83,7 @@ limitations under the License. -->
.profile-t-wrapper { .profile-t-wrapper {
overflow: auto; overflow: auto;
flex-grow: 1; flex-grow: 1;
border-right: 1px solid rgb(0 0 0 / 10%); border-right: 1px solid var(--sw-trace-list-border);
} }
.profile-t-loading { .profile-t-loading {
@ -117,7 +117,7 @@ limitations under the License. -->
.profile-td { .profile-td {
padding: 5px 10px; padding: 5px 10px;
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid var(--sw-trace-list-border);
&.selected { &.selected {
background-color: var(--sw-list-selected); background-color: var(--sw-list-selected);
@ -127,8 +127,8 @@ limitations under the License. -->
.profile-t-tool { .profile-t-tool {
padding: 5px 10px; padding: 5px 10px;
font-weight: bold; font-weight: bold;
border-right: 1px solid rgb(0 0 0 / 7%); border-right: 1px solid var(--sw-trace-list-border);
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid var(--sw-trace-list-border);
background-color: var(--sw-table-header); background-color: var(--sw-table-header);
} }
@ -145,6 +145,6 @@ limitations under the License. -->
} }
.profile-segment { .profile-segment {
border-top: 1px solid rgb(0 0 0 / 7%); border-top: 1px solid var(--sw-trace-list-border);
} }
</style> </style>

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

@ -107,7 +107,7 @@ limitations under the License. -->
user-select: none; user-select: none;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-bottom: 1px solid rgb(0 0 0 / 10%); border-bottom: 1px solid var(--sw-trace-list-border);
} }
.profile-header div { .profile-header div {

10
src/views/dashboard/related/profile/components/TaskList.vue
View File

@ -168,7 +168,7 @@ limitations under the License. -->
.profile-td { .profile-td {
padding: 5px 10px; padding: 5px 10px;
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid var(--sw-trace-list-border);
&.selected { &.selected {
background-color: var(--sw-list-selected); background-color: var(--sw-list-selected);
@ -183,7 +183,7 @@ limitations under the License. -->
.profile-t-wrapper { .profile-t-wrapper {
overflow: auto; overflow: auto;
flex-grow: 1; flex-grow: 1;
border-right: 1px solid rgb(0 0 0 / 10%); border-right: 1px solid var(--sw-trace-list-border);
} }
.profile-t { .profile-t {
@ -201,14 +201,14 @@ limitations under the License. -->
} }
.profile-segment { .profile-segment {
border-top: 1px solid rgb(0 0 0 / 7%); border-top: 1px solid var(--sw-trace-list-border);
} }
.profile-t-tool { .profile-t-tool {
padding: 5px 10px; padding: 5px 10px;
font-weight: bold; font-weight: bold;
border-right: 1px solid rgb(0 0 0 / 7%); border-right: 1px solid var(--sw-trace-list-border);
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid var(--sw-trace-list-border);
background-color: var(--sw-table-header); background-color: var(--sw-table-header);
} }

2
src/views/dashboard/related/trace/TraceList.vue
View File

@ -163,7 +163,7 @@ limitations under the License. -->
.trace-t-wrapper { .trace-t-wrapper {
overflow: auto; overflow: auto;
border-right: 1px solid rgb(0 0 0 / 10%); border-right: 1px solid var(--sw-trace-list-border);
} }
.trace-t-loading { .trace-t-loading {

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

@ -167,7 +167,7 @@ limitations under the License. -->
user-select: none; user-select: none;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-bottom: 1px solid rgb(0 0 0 / 10%); border-bottom: 1px solid var(--sw-trace-list-border);
} }
.trace-header div { .trace-header div {