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

first attempt to realigning

Browse Source
This commit is contained in:
Peter Olu 2022-05-06 05:52:36 +01:00
parent ca268cd952
commit 0df1739f1d
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,7 +16,10 @@ limitations under the License. -->
<div class="dashboard-tool flex-h"> <div class="dashboard-tool flex-h">
<div class="flex-h"> <div class="flex-h">
<div class="flex-h"> <div class="flex-h">
<div class="selectors-item" v-if="key !== 10"> <div
class="selectors-item"
v-if="key !== 10 && currentTraceView === 'traceList'"
>
<el-tooltip <el-tooltip
class="box-item" class="box-item"
effect="dark" effect="dark"
@ -53,7 +56,7 @@ limitations under the License. -->
<Icon iconSize="sm" iconName="cancel" /> <Icon iconSize="sm" iconName="cancel" />
</el-button> </el-button>
</div> </div>
<div class="selectors-item" v-if="key === 3 || key === 4"> <div class="selectors-item" v-if="(key === 3 || key === 4 ) && currentTraceView === 'traceList' " >
<el-tooltip <el-tooltip
v-if="!selectedSelector.length || selectedSelector === '$endpoint'" v-if="!selectedSelector.length || selectedSelector === '$endpoint'"
class="box-item" class="box-item"
@ -69,6 +72,7 @@ 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"

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

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="trace-detail-wrapper clear" class="trace-detail-wrapper flex-h clear"
v-if="traceStore.currentTrace.endpointNames" v-if="traceStore.currentTrace.endpointNames"
> >
<h5 class="mb-5 mt-0"> <h5 class="mb-5 mt-0">
@ -74,7 +74,7 @@
/> />
</div> </div>
<div class="flex-h item"> <div class="flex-h item">
<div> <!-- <div>
<div class="tag mr-5">{{ t("start") }}</div> <div class="tag mr-5">{{ t("start") }}</div>
<span class="mr-15 sm"> <span class="mr-15 sm">
{{ dateFormat(parseInt(traceStore.currentTrace.start)) }} {{ dateFormat(parseInt(traceStore.currentTrace.start)) }}
@ -83,7 +83,7 @@
<span class="mr-15 sm">{{ traceStore.currentTrace.duration }} ms</span> <span class="mr-15 sm">{{ traceStore.currentTrace.duration }} ms</span>
<div class="tag mr-5">{{ t("spans") }}</div> <div class="tag mr-5">{{ t("spans") }}</div>
<span class="sm">{{ traceStore.traceSpans.length }}</span> <span class="sm">{{ traceStore.traceSpans.length }}</span>
</div> </div> -->
<div> <div>
<el-button <el-button
class="grey" class="grey"
@ -235,10 +235,10 @@ 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; border-bottom: 1px solid #eee;
width: 100%; width: 100%;
height: 95px; // height: 95px;
.grey { .grey {
color: #fff; color: #fff;