From a3791e50cd36aa6250f621b6775c5c684808c7f3 Mon Sep 17 00:00:00 2001 From: Fine Date: Tue, 14 Nov 2023 19:12:48 +0800 Subject: [PATCH] feat: update border --- src/styles/theme.scss | 2 +- .../continuous-profiling/components/PolicyList.vue | 2 +- .../dashboard/related/ebpf/components/TaskList.vue | 2 +- src/views/dashboard/related/log/LogTable/Index.vue | 2 +- .../related/network-profiling/components/Tasks.vue | 2 +- .../related/profile/components/SegmentList.vue | 10 +++++----- .../related/profile/components/Stack/Container.vue | 2 +- .../dashboard/related/profile/components/TaskList.vue | 10 +++++----- src/views/dashboard/related/trace/TraceList.vue | 2 +- .../related/trace/components/Table/TableContainer.vue | 2 +- 10 files changed, 18 insertions(+), 18 deletions(-) diff --git a/src/styles/theme.scss b/src/styles/theme.scss index 2a81bd35..39629d17 100644 --- a/src/styles/theme.scss +++ b/src/styles/theme.scss @@ -42,7 +42,7 @@ html { --sw-topology-setting-bg: #fff; --sw-topology-border: 1px solid #999; --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-table-header: #f3f4f9; --sw-list-hover: rgb(0 0 0 / 4%); diff --git a/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue b/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue index a8283435..428fbd1e 100644 --- a/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue +++ b/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue @@ -147,7 +147,7 @@ limitations under the License. --> width: 300px; height: 98%; overflow: auto; - border-right: 1px solid rgb(0 0 0 / 10%); + border-right: 1px solid var(--sw-trace-list-border); } .item span { diff --git a/src/views/dashboard/related/ebpf/components/TaskList.vue b/src/views/dashboard/related/ebpf/components/TaskList.vue index 371cd95d..f458e26c 100644 --- a/src/views/dashboard/related/ebpf/components/TaskList.vue +++ b/src/views/dashboard/related/ebpf/components/TaskList.vue @@ -80,7 +80,7 @@ limitations under the License. --> width: 300px; height: calc(100% - 10px); overflow: auto; - border-right: 1px solid rgb(0 0 0 / 10%); + border-right: 1px solid var(--sw-trace-list-border); } .item span { diff --git a/src/views/dashboard/related/log/LogTable/Index.vue b/src/views/dashboard/related/log/LogTable/Index.vue index 8cb63fce..125345e3 100644 --- a/src/views/dashboard/related/log/LogTable/Index.vue +++ b/src/views/dashboard/related/log/LogTable/Index.vue @@ -85,7 +85,7 @@ limitations under the License. --> user-select: none; border-left: 0; border-right: 0; - border-bottom: 1px solid rgb(0 0 0 / 10%); + border-bottom: 1px solid var(--sw-trace-list-border); .traceId { width: 140px; diff --git a/src/views/dashboard/related/network-profiling/components/Tasks.vue b/src/views/dashboard/related/network-profiling/components/Tasks.vue index 10bbb4d1..4886557b 100644 --- a/src/views/dashboard/related/network-profiling/components/Tasks.vue +++ b/src/views/dashboard/related/network-profiling/components/Tasks.vue @@ -216,7 +216,7 @@ limitations under the License. --> width: 330px; height: calc(100% - 10px); overflow: auto; - border-right: 1px solid rgb(0 0 0 / 10%); + border-right: 1px solid var(--sw-trace-list-border); } .item span { diff --git a/src/views/dashboard/related/profile/components/SegmentList.vue b/src/views/dashboard/related/profile/components/SegmentList.vue index ec4b9a60..e0069ff1 100644 --- a/src/views/dashboard/related/profile/components/SegmentList.vue +++ b/src/views/dashboard/related/profile/components/SegmentList.vue @@ -83,7 +83,7 @@ limitations under the License. --> .profile-t-wrapper { overflow: auto; flex-grow: 1; - border-right: 1px solid rgb(0 0 0 / 10%); + border-right: 1px solid var(--sw-trace-list-border); } .profile-t-loading { @@ -117,7 +117,7 @@ limitations under the License. --> .profile-td { padding: 5px 10px; - border-bottom: 1px solid rgb(0 0 0 / 7%); + border-bottom: 1px solid var(--sw-trace-list-border); &.selected { background-color: var(--sw-list-selected); @@ -127,8 +127,8 @@ limitations under the License. --> .profile-t-tool { padding: 5px 10px; font-weight: bold; - border-right: 1px solid rgb(0 0 0 / 7%); - border-bottom: 1px solid rgb(0 0 0 / 7%); + border-right: 1px solid var(--sw-trace-list-border); + border-bottom: 1px solid var(--sw-trace-list-border); background-color: var(--sw-table-header); } @@ -145,6 +145,6 @@ limitations under the License. --> } .profile-segment { - border-top: 1px solid rgb(0 0 0 / 7%); + border-top: 1px solid var(--sw-trace-list-border); } diff --git a/src/views/dashboard/related/profile/components/Stack/Container.vue b/src/views/dashboard/related/profile/components/Stack/Container.vue index e6ea52c7..6f6e77c0 100644 --- a/src/views/dashboard/related/profile/components/Stack/Container.vue +++ b/src/views/dashboard/related/profile/components/Stack/Container.vue @@ -107,7 +107,7 @@ limitations under the License. --> user-select: none; border-left: 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 { diff --git a/src/views/dashboard/related/profile/components/TaskList.vue b/src/views/dashboard/related/profile/components/TaskList.vue index 89bf15db..a95d04df 100644 --- a/src/views/dashboard/related/profile/components/TaskList.vue +++ b/src/views/dashboard/related/profile/components/TaskList.vue @@ -168,7 +168,7 @@ limitations under the License. --> .profile-td { padding: 5px 10px; - border-bottom: 1px solid rgb(0 0 0 / 7%); + border-bottom: 1px solid var(--sw-trace-list-border); &.selected { background-color: var(--sw-list-selected); @@ -183,7 +183,7 @@ limitations under the License. --> .profile-t-wrapper { overflow: auto; flex-grow: 1; - border-right: 1px solid rgb(0 0 0 / 10%); + border-right: 1px solid var(--sw-trace-list-border); } .profile-t { @@ -201,14 +201,14 @@ limitations under the License. --> } .profile-segment { - border-top: 1px solid rgb(0 0 0 / 7%); + border-top: 1px solid var(--sw-trace-list-border); } .profile-t-tool { padding: 5px 10px; font-weight: bold; - border-right: 1px solid rgb(0 0 0 / 7%); - border-bottom: 1px solid rgb(0 0 0 / 7%); + border-right: 1px solid var(--sw-trace-list-border); + border-bottom: 1px solid var(--sw-trace-list-border); background-color: var(--sw-table-header); } diff --git a/src/views/dashboard/related/trace/TraceList.vue b/src/views/dashboard/related/trace/TraceList.vue index 8b26c3f4..2ec6016d 100644 --- a/src/views/dashboard/related/trace/TraceList.vue +++ b/src/views/dashboard/related/trace/TraceList.vue @@ -163,7 +163,7 @@ limitations under the License. --> .trace-t-wrapper { overflow: auto; - border-right: 1px solid rgb(0 0 0 / 10%); + border-right: 1px solid var(--sw-trace-list-border); } .trace-t-loading { diff --git a/src/views/dashboard/related/trace/components/Table/TableContainer.vue b/src/views/dashboard/related/trace/components/Table/TableContainer.vue index 795dda6d..125eee1f 100644 --- a/src/views/dashboard/related/trace/components/Table/TableContainer.vue +++ b/src/views/dashboard/related/trace/components/Table/TableContainer.vue @@ -167,7 +167,7 @@ limitations under the License. --> user-select: none; border-left: 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 {