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

fix trace style

Browse Source
This commit is contained in:
Qiuxia Fan 2022-04-26 12:25:15 +08:00
parent 8a07b1d804
commit 0f0fece94e
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/dashboard/related/trace/Detail.vue
View File

@ -24,7 +24,12 @@ limitations under the License. -->
/> />
<span class="vm">{{ traceStore.currentTrace.endpointNames[0] }}</span> <span class="vm">{{ traceStore.currentTrace.endpointNames[0] }}</span>
<div class="trace-log-btn"> <div class="trace-log-btn">
<el-button class="mr-10" type="primary" @click="searchTraceLogs"> <el-button
size="small"
class="mr-10"
type="primary"
@click="searchTraceLogs"
>
{{ t("viewLogs") }} {{ t("viewLogs") }}
</el-button> </el-button>
</div> </div>
@ -88,7 +93,8 @@ limitations under the License. -->
</div> </div>
<div> <div>
<el-button <el-button
class="grey small" class="grey"
size="small"
:class="{ ghost: displayMode !== 'List' }" :class="{ ghost: displayMode !== 'List' }"
@click="displayMode = 'List'" @click="displayMode = 'List'"
> >
@ -96,7 +102,8 @@ limitations under the License. -->
{{ t("list") }} {{ t("list") }}
</el-button> </el-button>
<el-button <el-button
class="grey small" class="grey"
size="small"
:class="{ ghost: displayMode !== 'Tree' }" :class="{ ghost: displayMode !== 'Tree' }"
@click="displayMode = 'Tree'" @click="displayMode = 'Tree'"
> >
@ -104,7 +111,8 @@ limitations under the License. -->
{{ t("tree") }} {{ t("tree") }}
</el-button> </el-button>
<el-button <el-button
class="grey small" class="grey"
size="small"
:class="{ ghost: displayMode !== 'Table' }" :class="{ ghost: displayMode !== 'Table' }"
@click="displayMode = 'Table'" @click="displayMode = 'Table'"
> >
@ -112,7 +120,8 @@ limitations under the License. -->
{{ t("table") }} {{ t("table") }}
</el-button> </el-button>
<el-button <el-button
class="grey small" class="grey"
size="small"
:class="{ ghost: displayMode !== 'Statistics' }" :class="{ ghost: displayMode !== 'Statistics' }"
@click="displayMode = 'Statistics'" @click="displayMode = 'Statistics'"
> >
@ -231,6 +240,8 @@ export default defineComponent({
.trace-chart { .trace-chart {
height: 100%; height: 100%;
overflow: auto;
padding-bottom: 20px;
} }
.trace-detail-wrapper { .trace-detail-wrapper {

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

@ -22,7 +22,7 @@ limitations under the License. -->
<Icon iconName="issue-open-m" class="mr-5" size="sm" /> <Icon iconName="issue-open-m" class="mr-5" size="sm" />
<span>{{ i }}</span> <span>{{ i }}</span>
</span> </span>
<el-button class="btn" type="primary" @click="downloadTrace"> <el-button class="btn" size="small" type="primary" @click="downloadTrace">
{{ t("exportImage") }} {{ t("exportImage") }}
</el-button> </el-button>
</div> </div>