github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 12:49:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(style): add scss variables (#291)

Browse Source
This commit is contained in:
Fine0830
2023-06-28 15:46:27 +08:00
committed by GitHub
parent 63db3fbc2e
commit 9ac1265e7f
85 changed files with 308 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
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;
}
@@ -86,7 +86,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

6
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;
}
@@ -81,7 +81,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

6
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;
}
@@ -79,7 +79,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

6
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;
}
@@ -92,7 +92,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

6
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;
}
@@ -89,7 +89,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

6
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;
}
@@ -78,7 +78,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

6
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;
}
@@ -79,7 +79,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

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

@@ -282,7 +282,7 @@ limitations under the License. -->
<style lang="scss" scoped>
.tabs {
height: 40px;
color: #ccc;
color: $disabled-color;
width: 100%;
overflow-x: auto;
white-space: nowrap;
@@ -326,10 +326,10 @@ limitations under the License. -->
}
span.active {
border-bottom: 1px solid #409eff;
border-bottom: 1px solid $active-color;
.tab-name {
color: #409eff;
color: $active-color;
}
}
}
@@ -359,7 +359,7 @@ limitations under the License. -->
}
.vue-grid-item:not(.vue-grid-placeholder) {
background: #fff;
background: $theme-background;
box-shadow: 0 1px 4px 0 #00000029;
border-radius: 3px;
}
@@ -374,13 +374,13 @@ limitations under the License. -->
}
.vue-grid-item.active {
border: 1px solid #409eff;
border: 1px solid $active-color;
}
.no-data-tips {
width: 100%;
text-align: center;
font-size: 14px;
font-size: $font-size-normal;
padding-top: 30px;
color: #888;
}

6
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;
}
@@ -78,7 +78,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

4
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;
}
@@ -111,7 +111,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

6
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;
}
@@ -102,13 +102,13 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}
.tips {
font-size: 14px;
font-size: $font-size-normal;
color: #888;
width: 100%;
text-align: center;

4
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;
}
@@ -175,7 +175,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

6
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;
}
@@ -81,13 +81,13 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}
.no-data {
font-size: 14px;
font-size: $font-size-normal;
color: #888;
width: 100%;
text-align: center;

6
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;
}
@@ -88,7 +88,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}

6
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%;
}
@@ -293,7 +293,7 @@ limitations under the License. -->
text-align: center;
&:hover {
color: #409eff;
color: $active-color;
background-color: #eee;
}
}
@@ -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;