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

padding fixed

Browse Source
This commit is contained in:
Peter Olu 2022-06-10 22:11:30 +01:00
parent 4b7aec88e9
commit 296c2e3f6e
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/dashboard/related/log/Header.vue
View File

@ -22,10 +22,10 @@ limitations under the License. -->
/></el-icon> /></el-icon>
</span> </span>
<template #dropdown> <template #dropdown>
<el-dropdown-menu class="dropdownSelector"> <el-dropdown-menu id="toggleColumn" class="dropdownSelector">
<el-dropdown-item> <el-dropdown-item style="padding: 0">
<div <div
style="width: 100%" style="width: 100%; padding: 5px 16px"
class="flex-h items-center justify-between" class="flex-h items-center justify-between"
@click="logStore.toggleAllColumns(true)" @click="logStore.toggleAllColumns(true)"
> >
@ -33,9 +33,9 @@ limitations under the License. -->
<span style="margin-right: 10px">Show All</span> <span style="margin-right: 10px">Show All</span>
</div> </div>
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item> <el-dropdown-item style="padding: 0">
<div <div
style="width: 100%" style="width: 100%; padding: 5px 16px"
class="flex-h items-center justify-between" class="flex-h items-center justify-between"
@click="logStore.toggleAllColumns(false)" @click="logStore.toggleAllColumns(false)"
> >
@ -45,6 +45,7 @@ limitations under the License. -->
</el-dropdown-item> </el-dropdown-item>
<el-divider /> <el-divider />
<el-dropdown-item <el-dropdown-item
style="padding: 0"
v-for="item in logStore.serviceLogColumn" v-for="item in logStore.serviceLogColumn"
:key="item.value" :key="item.value"
> >
@ -620,6 +621,14 @@ watch(
); );
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
#toggleColumn.el-dropdown-menu{
padding: 0 !important;
}
.el-checkbox.custom-checkbox {
display: inline-block;
width: 100%;
padding: 5px 16px;
}
.dropdownSelector { .dropdownSelector {
background: var(--nice-black); background: var(--nice-black);
} }
@ -629,7 +638,7 @@ watch(
display: flex; display: flex;
align-items: center; align-items: center;
} }
.el-divider--horizontal{ .el-divider--horizontal {
margin: 0 !important; margin: 0 !important;
} }
.cursor-pointer { .cursor-pointer {