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

update style (#435)

Browse Source
This commit is contained in:
Fine0830 2024-11-28 21:35:44 +08:00 committed by GitHub
parent fb0817eed8
commit 99a2461734
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -105,11 +105,11 @@ limitations under the License. -->
</div>
</div>
<div class="flex-h tools" v-loading="loading" v-if="!appStore.isMobile">
<div class="tool-icons" v-if="dashboardStore.editMode">
<div class="flex-h" v-if="dashboardStore.editMode">
<el-dropdown content="Controls" placement="bottom" :persistent="false">
<i>
<Icon class="icon-btn" size="sm" iconName="control" />
</i>
<div class="icon-btn">
<Icon size="sm" iconName="control" />
</div>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="clickIcons(t)" v-for="(t, index) in toolIcons" :key="index" :title="t.content">
@ -120,9 +120,9 @@ limitations under the License. -->
</template>
</el-dropdown>
<el-tooltip content="Apply" placement="bottom">
<i @click="applyDashboard">
<Icon class="icon-btn" size="sm" iconName="save" />
</i>
<div class="icon-btn" @click="applyDashboard">
<Icon size="sm" iconName="save" />
</div>
</el-tooltip>
</div>
<div class="ml-5">
@ -693,10 +693,6 @@ limitations under the License. -->
padding: 4px 2px;
}
.tool-icons {
margin-top: 2px;
}
.tools {
justify-content: space-between;
align-items: center;
@ -704,9 +700,10 @@ limitations under the License. -->
}
.icon-btn {
display: inline-block;
padding: 3px;
width: 22px;
height: 22px;
text-align: center;
line-height: 18px;
border: 1px solid var(--sw-icon-btn-border);
border-radius: 3px;
margin-left: 6px;

2
src/views/dashboard/related/async-profiling/components/TaskList.vue
View File

@ -203,7 +203,7 @@ limitations under the License. -->
<style lang="scss" scoped>
.profile-task-list {
width: 300px;
height: 100%;
height: calc(100% - 20px);
overflow: auto;
border-right: 1px solid var(--sw-trace-list-border);
}

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

@ -15,7 +15,7 @@ limitations under the License. -->
<template>
<div class="flex-h header">
<div class="title">eBPF Profiling</div>
<el-button type="primary" size="small" @click="createTask">
<el-button class="mr-10 mt-10" type="primary" size="small" @click="createTask">
{{ t("newTask") }}
</el-button>
</div>

2
src/views/dashboard/related/profile/components/TaskList.vue
View File

@ -160,6 +160,7 @@ limitations under the License. -->
width: 300px;
height: calc((100% - 60px) / 2);
overflow: auto;
border-right: 1px solid var(--sw-trace-list-border);
}
.item span {
@ -183,7 +184,6 @@ limitations under the License. -->
.profile-t-wrapper {
overflow: auto;
flex-grow: 1;
border-right: 1px solid var(--sw-trace-list-border);
}
.profile-t {