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

made copy button tiny

Browse Source
This commit is contained in:
Peter Olu 2022-05-18 11:38:45 +01:00
parent 913373f2cc
commit b063ae7b9d
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,14 @@
<template>
<div class="trace-detail-wrapper flex-h" v-if="traceStore.currentTrace.endpointNames">
<div
class="trace-detail-wrapper flex-h"
v-if="traceStore.currentTrace.endpointNames"
>
<div class="mb-0 mt-0">
<Icon icon="clear" v-if="traceStore.currentTrace.isError" class="red mr-5 sm" />
<Icon
icon="clear"
v-if="traceStore.currentTrace.isError"
class="red mr-5 sm"
/>
<div class="trace-log-btn">
<el-tooltip
class="box-item"
@ -77,24 +84,18 @@
<el-tooltip
class="box-item"
effect="dark"
content="Copy Id"
content="Copy Ids"
placement="bottom-start"
>
<el-button
size="small"
class="mr-10 filter-btn"
class="mr-10 copy-btn"
type="primary"
@click="handleClick(traceStore.currentTrace.traceIds)"
>
<Icon iconSize="sm" iconName="review-list" />
</el-button>
</el-tooltip>
<!-- <Icon
size="sm"
class="icon grey link-hover cp ml-5"
iconName="review-list"
@click="handleClick"
/> -->
</div>
<div class="flex-h item">
<div>
@ -330,4 +331,9 @@ export default defineComponent({
height: 18px;
margin: 0 5px;
}
.copy-btn {
height: 18px;
width: 10px;
margin: 0 5px;
}
</style>