github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-18 18:45:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: add font size

Browse Source
This commit is contained in:
Fine 2023-06-28 15:27:50 +08:00
parent 2e26ed922c
commit 38660a366b
60 changed files with 95 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/DateCalendar.vue
View File

@ -479,7 +479,7 @@ limitations under the License. -->
.calendar-head .calendar-year-select, .calendar-head .calendar-year-select,
.calendar-head .calendar-month-select { .calendar-head .calendar-month-select {
font-size: 12px; font-size: $font-size-smaller;
padding: 0 2px; padding: 0 2px;
position: relative; position: relative;
} }

2
src/components/Graph.vue
View File

@ -232,7 +232,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.no-data { .no-data {
font-size: 12px; font-size: $font-size-smaller;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
display: -webkit-box; display: -webkit-box;

4
src/components/SelectSingle.vue
View File

@ -89,7 +89,7 @@ limitations under the License. -->
background: $theme-background; background: $theme-background;
border-radius: 3px; border-radius: 3px;
color: #000; color: #000;
font-size: 12px; font-size: $font-size-smaller;
height: 24px; height: 24px;
.selected { .selected {
@ -126,7 +126,7 @@ limitations under the License. -->
position: absolute; position: absolute;
right: 5px; right: 5px;
top: 0; top: 0;
font-size: 14px; font-size: $font-size-normal;
display: none; display: none;
color: #aaa; color: #aaa;
cursor: pointer; cursor: pointer;

4
src/components/TimePicker.vue
View File

@ -408,7 +408,7 @@ limitations under the License. -->
transition: all 200ms ease; transition: all 200ms ease;
opacity: 1; opacity: 1;
transform: scaleY(1); transform: scaleY(1);
font-size: 12px; font-size: $font-size-smaller;
background: $theme-background; background: $theme-background;
box-shadow: 0 1px 6px rgb(99 99 99 / 20%); box-shadow: 0 1px 6px rgb(99 99 99 / 20%);
margin-top: 2px; margin-top: 2px;
@ -456,7 +456,7 @@ limitations under the License. -->
border: 0; border: 0;
background-color: transparent; background-color: transparent;
line-height: 34px; line-height: 34px;
font-size: 12px; font-size: $font-size-smaller;
color: #666; color: #666;
text-align: left; text-align: left;
outline: none; outline: none;

4
src/layout/components/NavBar.vue
View File

@ -108,7 +108,7 @@ limitations under the License. -->
background-color: #fafbfc; background-color: #fafbfc;
border-bottom: 1px solid #dfe4e8; border-bottom: 1px solid #dfe4e8;
color: #222; color: #222;
font-size: 12px; font-size: $font-size-smaller;
} }
.nav-bar.dark { .nav-bar.dark {
@ -118,7 +118,7 @@ limitations under the License. -->
} }
.title { .title {
font-size: 14px; font-size: $font-size-normal;
font-weight: 500; font-weight: 500;
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;

6
src/layout/components/SideBar.vue
View File

@ -132,12 +132,12 @@ limitations under the License. -->
.el-menu-vertical:not(.el-menu--collapse) { .el-menu-vertical:not(.el-menu--collapse) {
width: 220px; width: 220px;
font-size: 14px; font-size: $font-size-normal;
} }
.logo-icon-collapse { .logo-icon-collapse {
width: 65px; width: 65px;
margin: 5px 0 10px 0; margin: 5px 0 10px;
text-align: center; text-align: center;
} }
@ -169,7 +169,7 @@ limitations under the License. -->
.version { .version {
color: #eee; color: #eee;
font-size: 12px; font-size: $font-size-smaller;
cursor: pointer; cursor: pointer;
padding-left: 23px; padding-left: 23px;
margin-bottom: 10px; margin-bottom: 10px;

2
src/styles/lib.scss
View File

@ -220,7 +220,7 @@
padding: 8px; padding: 8px;
color: #eee; color: #eee;
border-radius: 4px; border-radius: 4px;
font-size: 12px; font-size: $font-size-smaller;
} }
.d3-tip { .d3-tip {
background: #252a2f; background: #252a2f;

2
src/styles/light.scss
View File

@ -21,3 +21,5 @@ $disabled-color: #ccc;
$active-color: #409eff; $active-color: #409eff;
$theme-background: #fff; $theme-background: #fff;
$active-background: #409eff; $active-background: #409eff;
$font-size-smaller: 12px;
$font-size-normal: 14px;

8
src/styles/reset.scss
View File

@ -18,7 +18,7 @@
body { body {
margin: 0; margin: 0;
line-height: 1.5; line-height: 1.5;
font-size: 14px; font-size: $font-size-normal;
color: $font-color; color: $font-color;
font-family: Helvetica, Arial, "Source Han Sans CN", "Microsoft YaHei", sans-serif; font-family: Helvetica, Arial, "Source Han Sans CN", "Microsoft YaHei", sans-serif;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
@ -81,7 +81,7 @@ h4 {
} }
h5 { h5 {
font-size: 14px; font-size: $font-size-normal;
} }
h6 { h6 {
@ -153,7 +153,7 @@ pre {
} }
.el-switch__label * { .el-switch__label * {
font-size: 12px; font-size: $font-size-smaller;
} }
.el-drawer__header { .el-drawer__header {
@ -175,7 +175,7 @@ div.vis-tooltip {
overflow: hidden; overflow: hidden;
background-color: $theme-background !important; background-color: $theme-background !important;
white-space: normal !important; white-space: normal !important;
font-size: 12px !important; font-size: $font-size-smaller !important;
} }
.vis-item { .vis-item {

2
src/views/Alarm.vue
View File

@ -30,6 +30,6 @@ limitations under the License. -->
.alarm { .alarm {
flex-grow: 1; flex-grow: 1;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
} }
</style> </style>

2
src/views/Event.vue
View File

@ -31,6 +31,6 @@ limitations under the License. -->
.event { .event {
flex-grow: 1; flex-grow: 1;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
} }
</style> </style>

4
src/views/alarm/Content.vue
View File

@ -142,12 +142,12 @@ limitations under the License. -->
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../components/style.scss"; @import url("../components/style.scss");
.tips { .tips {
width: 100%; width: 100%;
margin: 20px 0; margin: 20px 0;
text-align: center; text-align: center;
font-size: 14px; font-size: $font-size-normal;
} }
</style> </style>

2
src/views/alarm/Header.vue
View File

@ -98,7 +98,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.alarm-tool { .alarm-tool {
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #c1c5ca41; border-bottom: 1px solid #c1c5ca41;
background-color: #f0f2f5; background-color: #f0f2f5;
padding: 10px; padding: 10px;

2
src/views/components/ConditionTags.vue
View File

@ -221,7 +221,7 @@ limitations under the License. -->
border-radius: 3px; border-radius: 3px;
overflow: hidden; overflow: hidden;
border: 1px dashed #aaa; border: 1px dashed #aaa;
font-size: 12px; font-size: $font-size-smaller;
margin: 3px 2px 0; margin: 3px 2px 0;
} }

4
src/views/dashboard/Widget.vue
View File

@ -198,7 +198,7 @@ limitations under the License. -->
} }
.no-data { .no-data {
font-size: 14px; font-size: $font-size-normal;
text-align: center; text-align: center;
line-height: 400px; line-height: 400px;
} }
@ -208,7 +208,7 @@ limitations under the License. -->
line-height: 25px; line-height: 25px;
text-align: center; text-align: center;
background-color: aliceblue; background-color: aliceblue;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
} }

2
src/views/dashboard/components/WidgetLink.vue
View File

@ -160,7 +160,7 @@ limitations under the License. -->
.link-content { .link-content {
height: 300px; height: 300px;
font-size: 12px; font-size: $font-size-smaller;
overflow: auto; overflow: auto;
padding-bottom: 50px; padding-bottom: 50px;
} }

4
src/views/dashboard/configuration/Widget.vue
View File

@ -210,7 +210,7 @@ limitations under the License. -->
line-height: 25px; line-height: 25px;
text-align: center; text-align: center;
background-color: aliceblue; background-color: aliceblue;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
} }
@ -240,7 +240,7 @@ limitations under the License. -->
} }
.no-data { .no-data {
font-size: 14px; font-size: $font-size-normal;
text-align: center; text-align: center;
line-height: 400px; line-height: 400px;
} }

2
src/views/dashboard/configuration/widget/graph-styles/components/Legend.vue
View File

@ -125,7 +125,7 @@ limitations under the License. -->
} }
.title { .title {
font-size: 12px; font-size: $font-size-smaller;
display: inline-flex; display: inline-flex;
height: 32px; height: 32px;
line-height: 34px; line-height: 34px;

2
src/views/dashboard/configuration/widget/metric/Standard.vue
View File

@ -187,7 +187,7 @@ limitations under the License. -->
.label { .label {
width: 150px; width: 150px;
display: inline-block; display: inline-block;
font-size: 12px; font-size: $font-size-smaller;
} }
.close { .close {

4
src/views/dashboard/controls/ContinuousProfiling.vue
View File

@ -62,7 +62,7 @@ limitations under the License. -->
.profile-wrapper { .profile-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
} }
@ -74,7 +74,7 @@ limitations under the License. -->
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
} }

4
src/views/dashboard/controls/DemandLog.vue
View File

@ -55,7 +55,7 @@ limitations under the License. -->
.log-wrapper { .log-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
overflow: auto; overflow: auto;
} }
@ -68,7 +68,7 @@ limitations under the License. -->
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
min-width: 1024px; min-width: 1024px;
} }

4
src/views/dashboard/controls/Ebpf.vue
View File

@ -55,7 +55,7 @@ limitations under the License. -->
.profile-wrapper { .profile-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
} }
@ -67,7 +67,7 @@ limitations under the License. -->
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
} }

4
src/views/dashboard/controls/Event.vue
View File

@ -65,7 +65,7 @@ limitations under the License. -->
.event-wrapper { .event-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
overflow: auto; overflow: auto;
} }
@ -79,7 +79,7 @@ limitations under the License. -->
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
min-width: 1024px; min-width: 1024px;
} }

4
src/views/dashboard/controls/Log.vue
View File

@ -62,7 +62,7 @@ limitations under the License. -->
.log-wrapper { .log-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
overflow: auto; overflow: auto;
} }
@ -76,7 +76,7 @@ limitations under the License. -->
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
min-width: 1024px; min-width: 1024px;
} }

4
src/views/dashboard/controls/NetworkProfiling.vue
View File

@ -54,7 +54,7 @@ limitations under the License. -->
.profile-wrapper { .profile-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
} }
@ -66,7 +66,7 @@ limitations under the License. -->
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
} }

4
src/views/dashboard/controls/Profile.vue
View File

@ -55,7 +55,7 @@ limitations under the License. -->
.profile-wrapper { .profile-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
} }
@ -67,7 +67,7 @@ limitations under the License. -->
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
} }

2
src/views/dashboard/controls/Tab.vue
View File

@ -380,7 +380,7 @@ limitations under the License. -->
.no-data-tips { .no-data-tips {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 14px; font-size: $font-size-normal;
padding-top: 30px; padding-top: 30px;
color: #888; color: #888;
} }

4
src/views/dashboard/controls/TaskTimeline.vue
View File

@ -54,7 +54,7 @@ limitations under the License. -->
.content-wrapper { .content-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
} }
@ -66,7 +66,7 @@ limitations under the License. -->
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
} }

2
src/views/dashboard/controls/Text.vue
View File

@ -78,7 +78,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.text { .text {
font-size: 12px; font-size: $font-size-smaller;
height: 100%; height: 100%;
position: relative; position: relative;
} }

4
src/views/dashboard/controls/ThirdPartyApp.vue
View File

@ -70,7 +70,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.text { .text {
font-size: 12px; font-size: $font-size-smaller;
height: 100%; height: 100%;
position: relative; position: relative;
} }
@ -108,7 +108,7 @@ limitations under the License. -->
} }
.tips { .tips {
font-size: 14px; font-size: $font-size-normal;
color: #888; color: #888;
width: 100%; width: 100%;
text-align: center; text-align: center;

2
src/views/dashboard/controls/TimeRange.vue
View File

@ -141,7 +141,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.time-range { .time-range {
font-size: 12px; font-size: $font-size-smaller;
height: 100%; height: 100%;
position: relative; position: relative;
} }

4
src/views/dashboard/controls/Topology.vue
View File

@ -62,7 +62,7 @@ limitations under the License. -->
// background-color: #333840; // background-color: #333840;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
} }
@ -87,7 +87,7 @@ limitations under the License. -->
} }
.no-data { .no-data {
font-size: 14px; font-size: $font-size-normal;
color: #888; color: #888;
width: 100%; width: 100%;
text-align: center; text-align: center;

4
src/views/dashboard/controls/Trace.vue
View File

@ -62,7 +62,7 @@ limitations under the License. -->
.trace-wrapper { .trace-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
overflow: auto; overflow: auto;
} }
@ -75,7 +75,7 @@ limitations under the License. -->
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
min-width: 1200px; min-width: 1200px;
} }

4
src/views/dashboard/controls/Widget.vue
View File

@ -269,7 +269,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.widget { .widget {
font-size: 12px; font-size: $font-size-smaller;
height: 100%; height: 100%;
} }
@ -305,7 +305,7 @@ limitations under the License. -->
} }
.no-data { .no-data {
font-size: 14px; font-size: $font-size-normal;
color: #888; color: #888;
width: 100%; width: 100%;
text-align: center; text-align: center;

2
src/views/dashboard/graphs/Card.vue
View File

@ -73,7 +73,7 @@ limitations under the License. -->
color: #666; color: #666;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14px; font-size: $font-size-normal;
} }
.unit { .unit {

6
src/views/dashboard/graphs/TopList.vue
View File

@ -140,7 +140,7 @@ limitations under the License. -->
} }
.progress-bar { .progress-bar {
font-size: 12px; font-size: $font-size-smaller;
color: #333; color: #333;
} }
@ -159,7 +159,7 @@ limitations under the License. -->
} }
.calls { .calls {
font-size: 12px; font-size: $font-size-smaller;
padding: 0 5px; padding: 0 5px;
display: inline-block; display: inline-block;
background-color: #40454e; background-color: #40454e;
@ -197,7 +197,7 @@ limitations under the License. -->
cursor: pointer; cursor: pointer;
position: relative; position: relative;
text-align: center; text-align: center;
font-size: 12px; font-size: $font-size-smaller;
&:hover { &:hover {
color: $active-color; color: $active-color;

2
src/views/dashboard/graphs/components/Legend.vue
View File

@ -118,7 +118,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
table { table {
font-size: 12px; font-size: $font-size-smaller;
white-space: nowrap; white-space: nowrap;
margin: 0; margin: 0;
border: none; border: none;

2
src/views/dashboard/panel/Layout.vue
View File

@ -97,7 +97,7 @@ limitations under the License. -->
.no-data-tips { .no-data-tips {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 14px; font-size: $font-size-normal;
padding-top: 30px; padding-top: 30px;
color: #888; color: #888;
} }

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

@ -750,7 +750,7 @@ limitations under the License. -->
} }
.label { .label {
font-size: 12px; font-size: $font-size-smaller;
display: inline-block; display: inline-block;
padding: 4px 2px; padding: 4px 2px;
} }
@ -774,7 +774,7 @@ limitations under the License. -->
cursor: pointer; cursor: pointer;
background-color: #eee; background-color: #eee;
color: #666; color: #666;
font-size: 12px; font-size: $font-size-smaller;
} }
.selectors { .selectors {

2
src/views/dashboard/related/continuous-profiling/components/InstanceList.vue
View File

@ -137,7 +137,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.title { .title {
font-size: 12px; font-size: $font-size-smaller;
font-weight: bold; font-weight: bold;
} }

2
src/views/dashboard/related/continuous-profiling/components/Policy.vue
View File

@ -227,6 +227,6 @@ limitations under the License. -->
.item-title { .item-title {
margin-bottom: 5px; margin-bottom: 5px;
font-size: 14px; font-size: $font-size-normal;
} }
</style> </style>

2
src/views/dashboard/related/demand-log/Header.vue
View File

@ -373,7 +373,7 @@ limitations under the License. -->
overflow: hidden; overflow: hidden;
color: $font-color; color: $font-color;
border: 1px dashed #aaa; border: 1px dashed #aaa;
font-size: 12px; font-size: $font-size-smaller;
margin: 0 2px; margin: 0 2px;
} }

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

@ -89,7 +89,7 @@ limitations under the License. -->
<style lang="scss" scoped> <style lang="scss" scoped>
.header { .header {
padding: 5px 20px 5px 10px; padding: 5px 20px 5px 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
justify-content: space-between; justify-content: space-between;
} }

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

@ -140,12 +140,12 @@ limitations under the License. -->
} }
.date { .date {
font-size: 12px; font-size: $font-size-smaller;
} }
.label { .label {
margin-top: 10px; margin-top: 10px;
font-size: 14px; font-size: $font-size-normal;
} }
.profile-input { .profile-input {

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

@ -133,7 +133,7 @@ limitations under the License. -->
color: $font-color; color: $font-color;
padding: 1px 3px; padding: 1px 3px;
border-radius: 2px; border-radius: 2px;
font-size: 12px; font-size: $font-size-smaller;
float: right; float: right;
} }
</style> </style>

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

@ -228,7 +228,7 @@ limitations under the License. -->
overflow: hidden; overflow: hidden;
color: $font-color; color: $font-color;
border: 1px dashed #aaa; border: 1px dashed #aaa;
font-size: 12px; font-size: $font-size-smaller;
margin: 0 2px; margin: 0 2px;
} }
</style> </style>

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

@ -417,7 +417,7 @@ limitations under the License. -->
overflow: hidden; overflow: hidden;
color: $font-color; color: $font-color;
border: 1px dashed #aaa; border: 1px dashed #aaa;
font-size: 12px; font-size: $font-size-smaller;
margin: 0 2px; margin: 0 2px;
} }

4
src/views/dashboard/related/log/LogTable/Index.vue
View File

@ -72,7 +72,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.log { .log {
font-size: 12px; font-size: $font-size-smaller;
height: 100%; height: 100%;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
width: 100%; width: 100%;
@ -84,7 +84,7 @@ limitations under the License. -->
user-select: none; user-select: none;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgb(0 0 0 / 10%);
.traceId { .traceId {
width: 390px; width: 390px;

4
src/views/dashboard/related/network-profiling/components/NewConditions.vue
View File

@ -66,12 +66,12 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.date { .date {
font-size: 12px; font-size: $font-size-smaller;
} }
.label { .label {
margin-top: 10px; margin-top: 10px;
font-size: 14px; font-size: $font-size-normal;
} }
.profile-input { .profile-input {

2
src/views/dashboard/related/network-profiling/components/Settings.vue
View File

@ -66,7 +66,7 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.label { .label {
font-size: 12px; font-size: $font-size-smaller;
margin-top: 10px; margin-top: 10px;
} }

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

@ -118,7 +118,7 @@ limitations under the License. -->
<style lang="scss" scoped> <style lang="scss" scoped>
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
} }

4
src/views/dashboard/related/profile/components/NewTask.vue
View File

@ -163,12 +163,12 @@ limitations under the License. -->
} }
.date { .date {
font-size: 12px; font-size: $font-size-smaller;
} }
.label { .label {
margin-top: 10px; margin-top: 10px;
font-size: 14px; font-size: $font-size-normal;
} }
.profile-input { .profile-input {

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

@ -139,7 +139,7 @@ limitations under the License. -->
color: $font-color; color: $font-color;
padding: 1px 3px; padding: 1px 3px;
border-radius: 2px; border-radius: 2px;
font-size: 12px; font-size: $font-size-smaller;
} }
} }

4
src/views/dashboard/related/profile/components/Stack/Container.vue
View File

@ -82,11 +82,11 @@ limitations under the License. -->
} }
.profile { .profile {
font-size: 12px; font-size: $font-size-smaller;
height: 100%; height: 100%;
.profile-set-btn { .profile-set-btn {
font-size: 12px; font-size: $font-size-smaller;
border: 1px solid $disabled-color; border: 1px solid $disabled-color;
border-radius: 3px; border-radius: 3px;
text-align: center; text-align: center;

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

@ -220,7 +220,7 @@ limitations under the License. -->
color: $font-color; color: $font-color;
padding: 1px 3px; padding: 1px 3px;
border-radius: 2px; border-radius: 2px;
font-size: 12px; font-size: $font-size-smaller;
float: right; float: right;
} }
</style> </style>

2
src/views/dashboard/related/topology/components/Metrics.vue
View File

@ -149,7 +149,7 @@ limitations under the License. -->
.label { .label {
width: 150px; width: 150px;
display: inline-block; display: inline-block;
font-size: 12px; font-size: $font-size-smaller;
} }
.close { .close {

2
src/views/dashboard/related/topology/components/Settings.vue
View File

@ -458,7 +458,7 @@ limitations under the License. -->
} }
.label { .label {
font-size: 12px; font-size: $font-size-smaller;
margin-top: 10px; margin-top: 10px;
} }

2
src/views/dashboard/related/trace/Detail.vue
View File

@ -171,7 +171,7 @@ limitations under the License. -->
} }
.trace-detail-wrapper { .trace-detail-wrapper {
font-size: 12px; font-size: $font-size-smaller;
padding: 5px 10px; padding: 5px 10px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
width: 100%; width: 100%;

4
src/views/dashboard/related/trace/Index.vue
View File

@ -43,14 +43,14 @@ limitations under the License. -->
.trace-wrapper { .trace-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 12px; font-size: $font-size-smaller;
position: relative; position: relative;
overflow: auto; overflow: auto;
} }
.header { .header {
padding: 10px; padding: 10px;
font-size: 12px; font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
min-width: 1200px; min-width: 1200px;
} }

6
src/views/dashboard/related/trace/components/Table/TableContainer.vue
View File

@ -147,10 +147,10 @@ limitations under the License. -->
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "./table.scss"; @import url("./table.scss");
.trace { .trace {
font-size: 12px; font-size: $font-size-smaller;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
width: 100%; width: 100%;
@ -165,7 +165,7 @@ limitations under the License. -->
user-select: none; user-select: none;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgb(0 0 0 / 10%);
} }
.trace-header div { .trace-header div {