fix style

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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