github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 20:59:18 +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

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 {

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

@@ -82,7 +82,7 @@ limitations under the License. -->
.profile-t-wrapper {
overflow: auto;
flex-grow: 1;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgb(0 0 0 / 10%);
}
.profile-t-loading {
@@ -110,13 +110,13 @@ limitations under the License. -->
.profile-tr {
&:hover {
background-color: rgba(0, 0, 0, 0.04);
background-color: rgb(0 0 0 / 4%);
}
}
.profile-td {
padding: 5px 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgb(0 0 0 / 7%);
&.selected {
background-color: #ededed;
@@ -126,8 +126,8 @@ limitations under the License. -->
.profile-t-tool {
padding: 5px 10px;
font-weight: bold;
border-right: 1px solid rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
border-right: 1px solid rgb(0 0 0 / 7%);
border-bottom: 1px solid rgb(0 0 0 / 7%);
background: #f3f4f9;
}
@@ -136,14 +136,14 @@ limitations under the License. -->
}
.profile-btn {
color: #3d444f;
color: $font-color;
padding: 1px 3px;
border-radius: 2px;
font-size: 12px;
font-size: $font-size-smaller;
}
}
.profile-segment {
border-top: 1px solid rgba(0, 0, 0, 0.07);
border-top: 1px solid rgb(0 0 0 / 7%);
}
</style>

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

@@ -75,19 +75,19 @@ limitations under the License. -->
}
</script>
<style lang="scss" scoped>
@import "./profile.scss";
@import url("./profile.scss");
.dragger {
float: right;
}
.profile {
font-size: 12px;
font-size: $font-size-smaller;
height: 100%;
.profile-set-btn {
font-size: 12px;
border: 1px solid #ccc;
font-size: $font-size-smaller;
border: 1px solid $disabled-color;
border-radius: 3px;
text-align: center;
width: 57px;
@@ -107,7 +107,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%);
}
.profile-header div {

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

@@ -168,7 +168,7 @@ limitations under the License. -->
.profile-td {
padding: 5px 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgb(0 0 0 / 7%);
&.selected {
background-color: #ededed;
@@ -183,7 +183,7 @@ limitations under the License. -->
.profile-t-wrapper {
overflow: auto;
flex-grow: 1;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgb(0 0 0 / 10%);
}
.profile-t {
@@ -196,19 +196,19 @@ limitations under the License. -->
.profile-tr {
&:hover {
background-color: rgba(0, 0, 0, 0.04);
background-color: rgb(0 0 0 / 4%);
}
}
.profile-segment {
border-top: 1px solid rgba(0, 0, 0, 0.07);
border-top: 1px solid rgb(0 0 0 / 7%);
}
.profile-t-tool {
padding: 5px 10px;
font-weight: bold;
border-right: 1px solid rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
border-right: 1px solid rgb(0 0 0 / 7%);
border-bottom: 1px solid rgb(0 0 0 / 7%);
background: #f3f4f9;
}
@@ -217,10 +217,10 @@ limitations under the License. -->
}
.profile-btn {
color: #3d444f;
color: $font-color;
padding: 1px 3px;
border-radius: 2px;
font-size: 12px;
font-size: $font-size-smaller;
float: right;
}
</style>