github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-04 23:15:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

realigned tools component

Browse Source
This commit is contained in:
Peter Olu 2022-05-06 07:52:08 +01:00
parent 0df1739f1d
commit 642464540c
3 changed files with 17 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/dashboard/panel/Tool.vue
View File

@ -72,7 +72,6 @@ limitations under the License. -->
<Icon size="sm" iconName="view" /> <Icon size="sm" iconName="view" />
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<span>Inhouse</span>
<Selector <Selector
v-if="selectedSelector === '$endpoint'" v-if="selectedSelector === '$endpoint'"
style="margin-left: 20px" style="margin-left: 20px"

31
src/views/dashboard/panel/component/TraceDetailsTools.vue
View File

@ -1,15 +1,14 @@
<template> <template>
<div <div
class="trace-detail-wrapper flex-h clear" class="trace-detail-wrapper flex-h"
v-if="traceStore.currentTrace.endpointNames" v-if="traceStore.currentTrace.endpointNames"
> >
<h5 class="mb-5 mt-0"> <div class="mb-0 mt-0">
<Icon <Icon
icon="clear" icon="clear"
v-if="traceStore.currentTrace.isError" v-if="traceStore.currentTrace.isError"
class="red mr-5 sm" class="red mr-5 sm"
/> />
<span class="vm">{{ traceStore.currentTrace.endpointNames[0] }}</span>
<div class="trace-log-btn"> <div class="trace-log-btn">
<el-button <el-button
size="small" size="small"
@ -53,8 +52,9 @@
</LogTable> </LogTable>
</div> </div>
</el-dialog> </el-dialog>
</h5> </div>
<div class="mb-5 blue sm"> <div class="mb- blue sm">
<span class="vm">{{ traceStore.currentTrace.endpointNames[0] }}</span>
<Selector <Selector
size="small" size="small"
:value=" :value="
@ -74,16 +74,6 @@
/> />
</div> </div>
<div class="flex-h item"> <div class="flex-h item">
<!-- <div>
<div class="tag mr-5">{{ t("start") }}</div>
<span class="mr-15 sm">
{{ dateFormat(parseInt(traceStore.currentTrace.start)) }}
</span>
<div class="tag mr-5">{{ t("duration") }}</div>
<span class="mr-15 sm">{{ traceStore.currentTrace.duration }} ms</span>
<div class="tag mr-5">{{ t("spans") }}</div>
<span class="sm">{{ traceStore.traceSpans.length }}</span>
</div> -->
<div> <div>
<el-button <el-button
class="grey" class="grey"
@ -235,10 +225,12 @@ export default defineComponent({
.trace-detail-wrapper { .trace-detail-wrapper {
font-size: 12px; font-size: 12px;
// padding: 5px 10px; // padding: 5px 10px;
border-bottom: 1px solid #eee; // height: 95px;
// border-bottom: 1px solid #eee;
width: 100%; width: 100%;
// height: 95px; justify-content: space-between;
align-items: center;
.grey { .grey {
color: #fff; color: #fff;
@ -282,4 +274,7 @@ export default defineComponent({
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.vm{
margin-right: 4px;
}
</style> </style>

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

@ -364,6 +364,8 @@ watch(
align-items: center; align-items: center;
.filter { .filter {
margin: 0; margin: 0;
display: flex;
align-items: center;
} }
} }
.filter-btn { .filter-btn {