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 style

Browse Source
This commit is contained in:
Qiuxia Fan 2022-04-24 14:44:55 +08:00
parent 13f5e9c6c5
commit 62ca102aa6
6 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/dashboard/data.ts
View File

@ -183,8 +183,8 @@ export const ServiceTools = [
{ name: "library_books", content: "Text", id: "addText" }, { name: "library_books", content: "Text", id: "addText" },
{ name: "device_hub", content: "Topology", id: "addTopology" }, { name: "device_hub", content: "Topology", id: "addTopology" },
{ name: "merge", content: "Trace", id: "addTrace" }, { name: "merge", content: "Trace", id: "addTrace" },
{ name: "timeline", content: "Trace Profile", id: "addProfile" }, { name: "timeline", content: "Trace Profiling", id: "addProfile" },
{ name: "insert_chart", content: "eBPF Profile", id: "addEbpf" }, { name: "insert_chart", content: "eBPF Profiling", id: "addEbpf" },
{ name: "assignment", content: "Log", id: "addLog" }, { name: "assignment", content: "Log", id: "addLog" },
]; ];
export const InstanceTools = [ export const InstanceTools = [

3
src/views/dashboard/related/ebpf/Content.vue
View File

@ -44,6 +44,7 @@ import EBPFStack from "./components/EBPFStack.vue";
.item { .item {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
height: 50%; height: calc(50% - 10px);
padding-bottom: 10px;
} }
</style> </style>

7
src/views/dashboard/related/ebpf/Header.vue
View File

@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<div class="flex-h header"> <div class="flex-h header">
<div>eBPF Profile</div> <div class="title">eBPF Profiling</div>
<el-button type="primary" size="small" @click="createTask"> <el-button type="primary" size="small" @click="createTask">
{{ t("newTask") }} {{ t("newTask") }}
</el-button> </el-button>
@ -96,4 +96,9 @@ watch(
.new-btn { .new-btn {
float: right; float: right;
} }
.title {
font-weight: bold;
line-height: 24px;
}
</style> </style>

1
src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
View File

@ -226,6 +226,7 @@ watch(
width: calc(100% - 5px); width: calc(100% - 5px);
margin: 0 5px 5px 0; margin: 0 5px 5px 0;
height: calc(100% - 60px); height: calc(100% - 60px);
min-height: 150px;
} }
.inputs { .inputs {

2
src/views/dashboard/related/ebpf/components/EBPFStack.vue
View File

@ -43,7 +43,7 @@ function drawGraph() {
const w = (graph.value && graph.value.getBoundingClientRect().width) || 10; const w = (graph.value && graph.value.getBoundingClientRect().width) || 10;
flameChart.value = flamegraph() flameChart.value = flamegraph()
.width(w - 10) .width(w - 15)
.cellHeight(18) .cellHeight(18)
.transitionDuration(750) .transitionDuration(750)
.minFrameSize(5) .minFrameSize(5)

2
src/views/dashboard/related/ebpf/components/NewTask.vue
View File

@ -28,7 +28,7 @@ limitations under the License. -->
/> />
</div> </div>
<div> <div>
<div class="label">{{ t("labels") }}</div> <div class="label">{{ t("targetType") }}</div>
<Selector <Selector
class="profile-input" class="profile-input"
size="small" size="small"