gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style:主题样式调整

Browse Source
This commit is contained in:
@changcode
2021-11-25 16:05:16 +08:00
parent 404054a621
commit ed8d78b12f
9 changed files with 105 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
nezha-fronted/src/assets/css/common/tableCommon.scss
View File

@@ -129,7 +129,7 @@
width: 200px;
line-height: 40px;
font-size: 16px;
color: #202F3F;
color: $--color-text-regular;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -527,3 +527,7 @@
::-webkit-scrollbar-corner {
background-color: $--background-color-empty;
}
.full-width-height{
width: 100%;
height: 100%;
}

17
nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss
View File

@@ -32,6 +32,15 @@
&>.nz-table2 {
height: 100%;
padding-top: 20px !important;
.table-list {
background-color: $--background-color-empty;
.list-width {
width: 100%;
padding: 0 10px 5px;
box-sizing: border-box;
overflow: hidden;
}
}
}
}
.sub-top-tools .top-tool-btn-txt .nz-icon{
@@ -46,9 +55,10 @@
.has-sub-popper {
color: $--color-danger;
}
.sub-box {
.sub-box.bottom-box {
height: 50%;
position: relative;
padding: 0;
}
.sub-list {
height: calc(100% - 9px);
@@ -138,3 +148,8 @@
.symbol-select .el-input__inner {
padding-left: 8px;
}
.list-page.endpoint,.list-page.asset {
.nz-table2 {
height: 100%;
}
}

7
nezha-fronted/src/assets/css/components/common/detailView/detailView.scss
View File

@@ -26,6 +26,9 @@
flex: 1;
height: calc(100% - 100px);
}
.detail-row.selected {
background-color: $--detail-left-background-color;
}
.nz-detail-view-pagination {
height: 30px;
text-align: center;
@@ -68,18 +71,16 @@
color: $--color-text-regular;
vertical-align: middle;
}
/deep/ .bottom-log {
.bottom-log {
height: 100%;
overflow-y: auto;
padding-top: 15px;
}
}
.detail-view {
.list-page div.main-container{
height: calc(100% - 20px);
width: calc(100% - 20px);
}
}
.nz-detail-view-no-data {
border-top: 1px solid $--border-color-light;
}

5
nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss
View File

@@ -6,7 +6,7 @@
border-radius: 2px;
}
.search-detail-box:hover{
background: #F9F9F9;
background: $--background-color-base;
}
.search-detail-box.select-dropdown{
background: #F9F9F9;
@@ -51,6 +51,7 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
.el-checkbox{
width: calc(100% - 20px);
height: 36px;
@@ -79,7 +80,7 @@
}
.el-dropdown-menu__item:not(.is-disabled):hover{
color: $--color-text-secondary;
background: $--background-color-empty !important;
background: $--background-color-base !important;
}
}
.clear-all-select{

69
nezha-fronted/src/assets/css/components/common/detailView/view/detailViewRight.scss
View File

@@ -1,16 +1,39 @@
.detail-view-sub-box {
.detail-view-right-top {
height: 60px;
background: $--background-color-empty;
border: 1px solid $--border-color-light;
margin-bottom: 10px
}
.detail-view.asset {
.nz-detail-view-right {
.sub-box {
height: 100%;
flex-direction: column;
}
.sub-box .top-tools.top-tools--sub {
padding: 0 15px 0 0;
margin-right: 15px;
margin-left: 20px;
border: none;
border-bottom: 1px solid $--border-color-light;
}
.sub-box {
padding: 0;
}
.sub-box .sub-list__tabs .chart-list .nz-table2 {
padding: 20px;
height: 100%;
}
.sub-box .table-list {
padding: 0;
height: 100%;
background-color: $--background-color-empty;
}
.sub-box .pagination-bottom {
bottom: -3px;
}
.sub-box .sub-list-tab {
cursor: pointer;
}
.sub-list__tabs {
flex: 1;
background-color: $--background-color-empty;
@@ -41,34 +64,6 @@
background-color: $--background-color-empty;
overflow-y: hidden;
}
.sub-box .top-tools.top-tools--sub {
border: none;
padding: 0 15px 0 0;
margin-right: 15px;
margin-left: 20px;
border-bottom: 1px solid $--border-color-light;
}
}
.sub-box .list-width {
padding: 0;
}
.sub-box .nz-table2 {
padding: 20px;
height: 100%;
}
.sub-box .table-list {
padding: 0;
height: 100%;
}
.sub-box .pagination-bottom {
bottom: -3px;
}
.sub-box .sub-list-tab {
cursor: pointer;
}
}

9
nezha-fronted/src/assets/css/components/common/table/special/endpointQuery.scss
View File

@@ -22,4 +22,13 @@
margin-right: -5px;
padding: 0 5px;
}
.full-width-height{
width: 100%;
height: 100%;
}
.control-icon-unchecked {
color: #bcbec2;
cursor: not-allowed;
background-color: #f4f4f5;
}
}

3
nezha-fronted/src/assets/css/themes/theme-dark.scss
View File

@@ -197,6 +197,9 @@ $--guide-border-color: $--select-page-focus-color;
$--guide-icon-border-color: $--time-picker-hover-color;
$--guide-icon-color: $--time-picker-hover-color;
/* detail */
$--detail-left-background-color: $--background-color-base;
/* 13.panel */
$--chart-title-hover-background-color: #323238;
$--chart-box-border-color: $--border-color-light;

3
nezha-fronted/src/assets/css/themes/theme-light.scss
View File

@@ -195,6 +195,9 @@ $--guide-border-color: #18171D;
$--guide-icon-border-color: #666666;
$--guide-icon-color: $--guide-icon-border-color;
/* detail */
$--detail-left-background-color: $--table-row-hover-background-color;
/* 13.panel */
$--chart-title-hover-background-color: $--background-color-1;
$--chart-box-border-color: $--border-color-light;

11
nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
View File

@@ -220,14 +220,3 @@ export default {
}
}
</script>
<style scoped>
.full-width-height{
width: 100%;
height: 100%;
}
.control-icon-unchecked {
color: #bcbec2;
cursor: not-allowed;
background-color: #f4f4f5;
}
</style>