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: task list

Browse Source
This commit is contained in:
Fine 2023-11-13 12:05:19 +08:00
parent 286eb6bb42
commit 341966c52e
7 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles/theme.scss
View File

@ -43,8 +43,9 @@ html {
--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 / 7%);
--sw-trace-list-hover: #ededed; --sw-list-selected: #ededed;
--sw-table-header: #f3f4f9; --sw-table-header: #f3f4f9;
--sw-list-hover: rgb(0 0 0 / 4%);
} }
html.dark { html.dark {
@ -74,8 +75,9 @@ html.dark {
--sw-topology-border: 1px solid #666; --sw-topology-border: 1px solid #666;
--sw-trace-success: #aaa; --sw-trace-success: #aaa;
--sw-trace-list-border: #333133; --sw-trace-list-border: #333133;
--sw-trace-list-hover: #3d444f; --sw-list-hover: #262629;
--sw-table-header: #303133; --sw-table-header: #303133;
--sw-list-selected: #3d444f;
} }
.el-table tr { .el-table tr {

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

@ -159,7 +159,7 @@ limitations under the License. -->
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
&.selected { &.selected {
background-color: #ededed; background-color: var(--sw-list-selected);
} }
} }
@ -184,14 +184,15 @@ limitations under the License. -->
.profile-tr { .profile-tr {
&:hover { &:hover {
background-color: rgb(0 0 0 / 4%); // background-color: rgb(0 0 0 / 4%);
background-color: var(--sw-list-hover);
} }
} }
.profile-t-tool { .profile-t-tool {
padding: 10px 5px 10px 10px; padding: 10px 5px 10px 10px;
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
background: #f3f4f9; background-color: var(--sw-table-header);
width: 100%; width: 100%;
font-weight: bold; font-weight: bold;
} }

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

@ -92,7 +92,7 @@ limitations under the License. -->
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
&.selected { &.selected {
background-color: #ededed; background-color: var(--sw-list-selected);
} }
} }
@ -117,7 +117,7 @@ limitations under the License. -->
.profile-tr { .profile-tr {
&:hover { &:hover {
background-color: rgb(0 0 0 / 4%); background-color: var(--sw-list-hover);
} }
} }
@ -126,7 +126,7 @@ limitations under the License. -->
font-weight: bold; font-weight: bold;
border-right: 1px solid rgb(0 0 0 / 7%); border-right: 1px solid rgb(0 0 0 / 7%);
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
background: #f3f4f9; background-color: var(--sw-table-header);
} }
.profile-btn { .profile-btn {

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

@ -228,7 +228,7 @@ limitations under the License. -->
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
&.selected { &.selected {
background-color: #ededed; background-color: var(--sw-list-selected);
} }
} }
@ -253,14 +253,14 @@ limitations under the License. -->
.profile-tr { .profile-tr {
&:hover { &:hover {
background-color: rgb(0 0 0 / 4%); background-color: var(--sw-list-hover);
} }
} }
.profile-t-tool { .profile-t-tool {
padding: 10px 5px 10px 10px; padding: 10px 5px 10px 10px;
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
background: #f3f4f9; background-color: var(--sw-table-header);
width: 100%; width: 100%;
} }

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

@ -110,7 +110,7 @@ limitations under the License. -->
.profile-tr { .profile-tr {
&:hover { &:hover {
background-color: rgb(0 0 0 / 4%); background-color: var(--sw-list-hover);
} }
} }
@ -119,7 +119,7 @@ limitations under the License. -->
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
&.selected { &.selected {
background-color: #ededed; background-color: var(--sw-list-selected);
} }
} }
@ -128,7 +128,7 @@ limitations under the License. -->
font-weight: bold; font-weight: bold;
border-right: 1px solid rgb(0 0 0 / 7%); border-right: 1px solid rgb(0 0 0 / 7%);
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
background: #f3f4f9; background-color: var(--sw-table-header);
} }
.log-item { .log-item {

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

@ -171,7 +171,7 @@ limitations under the License. -->
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
&.selected { &.selected {
background-color: #ededed; background-color: var(--sw-list-selected);
} }
} }
@ -196,7 +196,7 @@ limitations under the License. -->
.profile-tr { .profile-tr {
&:hover { &:hover {
background-color: rgb(0 0 0 / 4%); background-color: var(--sw-list-hover);
} }
} }
@ -209,7 +209,7 @@ limitations under the License. -->
font-weight: bold; font-weight: bold;
border-right: 1px solid rgb(0 0 0 / 7%); border-right: 1px solid rgb(0 0 0 / 7%);
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid rgb(0 0 0 / 7%);
background: #f3f4f9; background-color: var(--sw-table-header);
} }
.log-item { .log-item {

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

@ -191,7 +191,7 @@ limitations under the License. -->
.trace-tr { .trace-tr {
&:hover { &:hover {
background-color: rgb(0 0 0 / 4%); background-color: var(--sw-list-hover);
} }
} }
@ -200,7 +200,7 @@ limitations under the License. -->
border-bottom: 1px solid var(--sw-trace-list-border); border-bottom: 1px solid var(--sw-trace-list-border);
&.selected { &.selected {
background-color: var(--sw-trace-list-hover); background-color: var(--sw-list-selected);
} }
} }