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-month-select {
font-size: 12px;
font-size: $font-size-smaller;
padding: 0 2px;
position: relative;
}

2
src/components/Graph.vue
View File

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

4
src/components/SelectSingle.vue
View File

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

4
src/components/TimePicker.vue
View File

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

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

@ -108,7 +108,7 @@ limitations under the License. -->
background-color: #fafbfc;
border-bottom: 1px solid #dfe4e8;
color: #222;
font-size: 12px;
font-size: $font-size-smaller;
}
.nav-bar.dark {
@ -118,7 +118,7 @@ limitations under the License. -->
}
.title {
font-size: 14px;
font-size: $font-size-normal;
font-weight: 500;
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) {
width: 220px;
font-size: 14px;
font-size: $font-size-normal;
}
.logo-icon-collapse {
width: 65px;
margin: 5px 0 10px 0;
margin: 5px 0 10px;
text-align: center;
}
@ -169,7 +169,7 @@ limitations under the License. -->
.version {
color: #eee;
font-size: 12px;
font-size: $font-size-smaller;
cursor: pointer;
padding-left: 23px;
margin-bottom: 10px;

2
src/styles/lib.scss
View File

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

2
src/styles/light.scss
View File

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

8
src/styles/reset.scss
View File

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

2
src/views/Alarm.vue
View File

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

2
src/views/Event.vue
View File

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

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

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

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

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

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

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

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

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

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

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

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

@ -210,7 +210,7 @@ limitations under the License. -->
line-height: 25px;
text-align: center;
background-color: aliceblue;
font-size: 12px;
font-size: $font-size-smaller;
position: relative;
}
@ -240,7 +240,7 @@ limitations under the License. -->
}
.no-data {
font-size: 14px;
font-size: $font-size-normal;
text-align: center;
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 {
font-size: 12px;
font-size: $font-size-smaller;
display: inline-flex;
height: 32px;
line-height: 34px;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -55,7 +55,7 @@ limitations under the License. -->
.profile-wrapper {
width: 100%;
height: 100%;
font-size: 12px;
font-size: $font-size-smaller;
position: relative;
}
@ -67,7 +67,7 @@ limitations under the License. -->
.header {
padding: 10px;
font-size: 12px;
font-size: $font-size-smaller;
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 {
width: 100%;
text-align: center;
font-size: 14px;
font-size: $font-size-normal;
padding-top: 30px;
color: #888;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -137,7 +137,7 @@ limitations under the License. -->
</script>
<style lang="scss" scoped>
.title {
font-size: 12px;
font-size: $font-size-smaller;
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 {
margin-bottom: 5px;
font-size: 14px;
font-size: $font-size-normal;
}
</style>

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

@ -373,7 +373,7 @@ limitations under the License. -->
overflow: hidden;
color: $font-color;
border: 1px dashed #aaa;
font-size: 12px;
font-size: $font-size-smaller;
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>
.header {
padding: 5px 20px 5px 10px;
font-size: 12px;
font-size: $font-size-smaller;
border-bottom: 1px solid #dcdfe6;
justify-content: space-between;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -139,7 +139,7 @@ limitations under the License. -->
color: $font-color;
padding: 1px 3px;
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 {
font-size: 12px;
font-size: $font-size-smaller;
height: 100%;
.profile-set-btn {
font-size: 12px;
font-size: $font-size-smaller;
border: 1px solid $disabled-color;
border-radius: 3px;
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;
padding: 1px 3px;
border-radius: 2px;
font-size: 12px;
font-size: $font-size-smaller;
float: right;
}
</style>

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

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

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

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

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

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

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

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

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

@ -147,10 +147,10 @@ limitations under the License. -->
}
</script>
<style lang="scss" scoped>
@import "./table.scss";
@import url("./table.scss");
.trace {
font-size: 12px;
font-size: $font-size-smaller;
height: 100%;
overflow: auto;
width: 100%;
@ -165,7 +165,7 @@ limitations under the License. -->
user-select: none;
border-left: 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 {