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; min-width: 40px;
padding: 0 5px; 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 { /* 新版橙色按钮 */ .nz-btn.nz-btn-style-normal { /* 新版橙色按钮 */
background: $--button-primary-background-color; background: $--button-primary-background-color;
color: $--button-primary-color; color: $--button-primary-color;
@@ -77,6 +82,11 @@
color: $--button-gray-color; color: $--button-gray-color;
letter-spacing: 0; 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 */ .nz-btn.nz-btn-style-normal:hover:not(.nz-btn-disabled) { /* 橙色按钮hover */
background: $--button-primary-hover-background-color; background: $--button-primary-hover-background-color;
color: $--button-primary-color; color: $--button-primary-color;

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

@@ -238,9 +238,9 @@
color: $--button-gray-color; color: $--button-gray-color;
} }
.footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) { .footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
background-color: $--button-gray-hover-background-color; background-color: $--background-color-empty;
border: 1px solid $--button-gray-hover-border-color; border-color: $--color-primary-light-5;
color: $--button-gray-hover-color; color: $--color-primary;
} }
.footer__btn.footer__btn--light:focus:not(.footer__btn--disabled) { .footer__btn.footer__btn--light:focus:not(.footer__btn--disabled) {
background-color: $--button-gray-active-background-color; 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; margin-top: 12px;
width: 100%; width: 100%;
height: 300px; height: 300px;
border: 1px solid $--button-gray-border-color !important;
} }
.custom-labels i { .custom-labels i {
color: #04b330; color: #04b330;

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

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

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

@@ -92,7 +92,7 @@
} }
} }
.profile-left__btn { .profile-left__btn {
border: 1px solid $--border-color-base-focus; border: 1px solid $--button-gray-border-color;
border-radius: 4px; border-radius: 4px;
background: $--background-color-empty; background: $--background-color-empty;
min-width: 132px; min-width: 132px;
@@ -115,6 +115,23 @@
font-size: 18px 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) { .profile-left__center:nth-of-type(7) {
margin-bottom: 0; margin-bottom: 0;
} }
@@ -173,9 +190,6 @@
color: $--button-primary-hover-background-color; color: $--button-primary-hover-background-color;
border: 1px solid $--button-primary-hover-background-color; border: 1px solid $--button-primary-hover-background-color;
} }
.footer__btn:hover {
opacity: .6;
}
.is-disabled,.is-disabled:hover{ .is-disabled,.is-disabled:hover{
color: #C0C4CC; color: #C0C4CC;
cursor: not-allowed; cursor: not-allowed;

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

@@ -43,9 +43,9 @@
} }
.footer__btn--light { .footer__btn--light {
background-color: $--background-color-empty; background-color: $--button-gray-background-color;
border: 1px solid $--border-color-base; border: 1px solid $--button-gray-border-color;
color: $--color-text-primary; color: $--button-gray-color;
} }
.footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) { .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 { .new-search .el-scrollbar__view {
height: calc(100% - 4px); height: calc(100% - 4px);
margin-top: 2px;
} }
.new-search .search-input-all .input-center-box>.el-scrollbar>.el-scrollbar__wrap { .new-search .search-input-all .input-center-box>.el-scrollbar>.el-scrollbar__wrap {
overflow-y: hidden; 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> <span class="top-tool-btn-txt">{{$t('overall.all')}}</span>
</button> </button>
<div> <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> <span class="top-tool-btn-txt">{{$t('overall.esc')}}</span>
</button> </button>
<button :id="tableId+'-element-set-save'" class="nz-btn nz-btn-size-small nz-btn-style-normal" type="button" @click="save"> <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> </div>
<div class="profile-left__button table-operation-items"> <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> <span>{{$t('profile.enable')}}</span>
</el-button> </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 @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> <span>{{$t('profile.close')}}</span>
</el-button> </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 @click="profileMfaLevel" class="footer__btn" v-if="mfaEnable == '1' || mfaLevel > 0" >
<span>{{$t('profile.update')}}</span> <span>{{$t('profile.update')}}</span>
</el-button> </button>
</div> </div>
<div class="profile-hr" style=""></div> <div class="profile-hr" style=""></div>
<div class="profile-left__bottom"> <div class="profile-left__bottom">