github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-03 01:23:42 +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> </div>
<div class="flex-h tools" v-loading="loading" v-if="!appStore.isMobile"> <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"> <el-dropdown content="Controls" placement="bottom" :persistent="false">
<i> <div class="icon-btn">
<Icon class="icon-btn" size="sm" iconName="control" /> <Icon size="sm" iconName="control" />
</i> </div>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<el-dropdown-item @click="clickIcons(t)" v-for="(t, index) in toolIcons" :key="index" :title="t.content"> <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> </template>
</el-dropdown> </el-dropdown>
<el-tooltip content="Apply" placement="bottom"> <el-tooltip content="Apply" placement="bottom">
<i @click="applyDashboard"> <div class="icon-btn" @click="applyDashboard">
<Icon class="icon-btn" size="sm" iconName="save" /> <Icon size="sm" iconName="save" />
</i> </div>
</el-tooltip> </el-tooltip>
</div> </div>
<div class="ml-5"> <div class="ml-5">
@ -693,10 +693,6 @@ limitations under the License. -->
padding: 4px 2px; padding: 4px 2px;
} }
.tool-icons {
margin-top: 2px;
}
.tools { .tools {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -704,9 +700,10 @@ limitations under the License. -->
} }
.icon-btn { .icon-btn {
display: inline-block; width: 22px;
padding: 3px; height: 22px;
text-align: center; text-align: center;
line-height: 18px;
border: 1px solid var(--sw-icon-btn-border); border: 1px solid var(--sw-icon-btn-border);
border-radius: 3px; border-radius: 3px;
margin-left: 6px; 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> <style lang="scss" scoped>
.profile-task-list { .profile-task-list {
width: 300px; width: 300px;
height: 100%; height: calc(100% - 20px);
overflow: auto; overflow: auto;
border-right: 1px solid var(--sw-trace-list-border); 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> <template>
<div class="flex-h header"> <div class="flex-h header">
<div class="title">eBPF Profiling</div> <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") }} {{ t("newTask") }}
</el-button> </el-button>
</div> </div>

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

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