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

style: profile页面主题颜色调整

Browse Source
This commit is contained in:
@changcode
2021-11-16 16:14:17 +08:00
parent eeea7319e5
commit 5595254736
9 changed files with 52 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
nezha-fronted/src/assets/css/common/button.scss
View File

@@ -61,6 +61,11 @@
min-width: 40px;
padding: 0 5px;
}
.nz-btn.nz-btn-style-light-new {
background-color: $--button-gray-background-color;
border: 1px solid $--button-gray-border-color;
color: $--button-gray-color;
}
.nz-btn.nz-btn-style-normal { /* 新版橙色按钮 */
background: $--button-primary-background-color;
color: $--button-primary-color;
@@ -77,6 +82,11 @@
color: $--button-gray-color;
letter-spacing: 0;
}
.nz-btn-style-light-new:hover {
background-color: $--background-color-empty;
border-color: $--color-primary-light-5;
color: $--color-primary;
}
.nz-btn.nz-btn-style-normal:hover:not(.nz-btn-disabled) { /* 橙色按钮hover */
background: $--button-primary-hover-background-color;
color: $--button-primary-color;

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

@@ -238,9 +238,9 @@
color: $--button-gray-color;
}
.footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
background-color: $--button-gray-hover-background-color;
border: 1px solid $--button-gray-hover-border-color;
color: $--button-gray-hover-color;
background-color: $--background-color-empty;
border-color: $--color-primary-light-5;
color: $--color-primary;
}
.footer__btn.footer__btn--light:focus:not(.footer__btn--disabled) {
background-color: $--button-gray-active-background-color;

1
nezha-fronted/src/assets/css/components/common/elementSet.scss
View File

@@ -34,6 +34,7 @@
margin-top: 12px;
width: 100%;
height: 300px;
border: 1px solid $--button-gray-border-color !important;
}
.custom-labels i {
color: #04b330;

23
nezha-fronted/src/assets/css/components/common/searchInput.scss
View File

@@ -37,20 +37,14 @@
.new-search .search-input-all{
width: 226px !important;
min-width: 226px;
background-color: $--input-background-color;
color: rgba(0,0,0,.55);
background-color: lighten($--background-color-base, 10%);
color: $--color-text-regular;
height: 30px;
line-height: 30px;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
display: flex;
position: relative;
* {
background-color: $--input-background-color;
}
}
input {
background-color: $--background-color-base;
}
.search-input-all .btn-retract{
padding: 0 4px;
@@ -134,7 +128,7 @@ input {
height: auto;
border: 1px solid $--border-color-base;
background: $--background-color-empty;
color: #2e2e2e;
color: $--color-text-regular;
text-align: left;
border-radius: 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
@@ -148,7 +142,7 @@ input {
text-align: center;
position: relative;
border-bottom: 1px solid $--border-color-base;
color: #2e2e2e;
color: $--color-text-regular;
}
.localStorage_list_box .list_box_title i{
position: absolute;
@@ -174,7 +168,7 @@ input {
}
.localStorage_list_box ul li span{
color: #2e2e2e;
color: $--color-text-regular;
}
.localStorage_list_box ul li .value{
font-weight: 600;
@@ -214,7 +208,7 @@ input {
padding: 3px;
background: $--background-color-base;
line-height: 13px;
color: rgba(0,0,0,.55);
color: $--color-text-regular;
}
.selectinfo_box .select_content{
float: left;
@@ -222,7 +216,7 @@ input {
height: 13px;
padding: 3px;
background: darken($--background-color-base, 10%);
color: rgba(0,0,0,0.85);
color: $--color-text-regular;
display: flex;
}
.selectinfo_box .select_content .nz-icon-close{
@@ -249,6 +243,7 @@ input {
float: left;
padding-left: 5px !important;
box-sizing: border-box;
color: $--color-text-regular;
outline: none;
}
.select_input input:focus {
@@ -301,7 +296,7 @@ input {
box-shadow: none;
}
.sreach_input input::placeholder{
color: rgba(0,0,0,0.55)
color: $--color-text-regular;
}
.input_list{
position: fixed;

22
nezha-fronted/src/assets/css/components/page/config/profile.scss
View File

@@ -92,7 +92,7 @@
}
}
.profile-left__btn {
border: 1px solid $--border-color-base-focus;
border: 1px solid $--button-gray-border-color;
border-radius: 4px;
background: $--background-color-empty;
min-width: 132px;
@@ -115,6 +115,23 @@
font-size: 18px
}
}
.profile-left__btn:hover {
background-color: $--background-color-empty;
border-color: $--color-primary-light-5;
color: $--color-primary;
span {
font-size: 14px;
color: $--color-primary;
text-align: left;
line-height: 22px;
font-weight: 400;
}
i {
color: $--color-primary;
margin-right: 5px;
font-size: 18px
}
}
.profile-left__center:nth-of-type(7) {
margin-bottom: 0;
}
@@ -173,9 +190,6 @@
color: $--button-primary-hover-background-color;
border: 1px solid $--button-primary-hover-background-color;
}
.footer__btn:hover {
opacity: .6;
}
.is-disabled,.is-disabled:hover{
color: #C0C4CC;
cursor: not-allowed;

6
nezha-fronted/src/assets/css/components/page/config/profileChangePin.scss
View File

@@ -43,9 +43,9 @@
}
.footer__btn--light {
background-color: $--background-color-empty;
border: 1px solid $--border-color-base;
color: $--color-text-primary;
background-color: $--button-gray-background-color;
border: 1px solid $--button-gray-border-color;
color: $--button-gray-color;
}
.footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {

1
nezha-fronted/src/assets/stylus/main.scss
View File

@@ -579,6 +579,7 @@ li {
}
.new-search .el-scrollbar__view {
height: calc(100% - 4px);
margin-top: 2px;
}
.new-search .search-input-all .input-center-box>.el-scrollbar>.el-scrollbar__wrap {
overflow-y: hidden;

2
nezha-fronted/src/components/common/elementSet.vue
View File

@@ -27,7 +27,7 @@
<span class="top-tool-btn-txt">{{$t('overall.all')}}</span>
</button>
<div>
<button :id="tableId+'-element-set-esc'" class="nz-btn nz-btn-size-small nz-btn-style-light" type="button" @click="esc">
<button :id="tableId+'-element-set-esc'" class="nz-btn nz-btn-size-small nz-btn-style-light-new" type="button" @click="esc">
<span class="top-tool-btn-txt">{{$t('overall.esc')}}</span>
</button>
<button :id="tableId+'-element-set-save'" class="nz-btn nz-btn-size-small nz-btn-style-normal" type="button" @click="save">

12
nezha-fronted/src/components/page/config/profile.vue
View File

@@ -49,15 +49,15 @@
</div>
</div>
<div class="profile-left__button table-operation-items">
<el-button @click="profileEnable" size="small" class="profile-left__button-footer__btn footer__btn table-operation-item" v-if="mfaEnable != '1' && mfaLevel == 0">
<button @click="profileEnable" class="footer__btn" v-if="mfaEnable != '1' && mfaLevel == 0">
<span>{{$t('profile.enable')}}</span>
</el-button>
<el-button @click="profileDisable" size="small" class="profile-left__button-footer__btn footer__btns table-operation-item" :class="{'footer__btn--disabled': mfaEnable == 1 || mfaLevel == 2}" v-if="mfaEnable == '1' || mfaLevel > 0" :disabled="mfaEnable == 1 || mfaLevel == 2 ">
</button>
<button @click="profileDisable" class="footer__btn footer__btn--light" :class="{'footer__btn--disabled': mfaEnable == 1 || mfaLevel == 2}" v-if="mfaEnable == '1' || mfaLevel > 0" :disabled="mfaEnable == 1 || mfaLevel == 2 ">
<span>{{$t('profile.close')}}</span>
</el-button>
<el-button @click="profileMfaLevel" size="small" class="profile-left__button-footer__btn footer__btn table-operation-item" v-if="mfaEnable == '1' || mfaLevel > 0" >
</button>
<button @click="profileMfaLevel" class="footer__btn" v-if="mfaEnable == '1' || mfaLevel > 0" >
<span>{{$t('profile.update')}}</span>
</el-button>
</button>
</div>
<div class="profile-hr" style=""></div>
<div class="profile-left__bottom">