ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 部分样式修复

Browse Source
This commit is contained in:
自带大佬气场
2021-06-17 14:12:03 +08:00
parent 67a58cf7c4
commit 70112b5c51
7 changed files with 35 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web-react/src/assets/style/frame/dark.less
View File

@@ -9,10 +9,5 @@
@logo-box-shadow: none;
@header-action-color: fade(@white, 60%);
@header-action-hover-color: @white;
@header-action-hover-background: fade(@white, 20%);
@header-search-color: @white;
@header-search-background: fade(@white, 15%);
@header-search-focus-background: fade(@white, 30%);
@header-search-icon-color: fade(@white, 60%);
@header-search-icon-hover-color: @white);
@header-action-hover-background: fade(@white, 20%));
}

7
web-react/src/assets/style/frame/light.less
View File

@@ -8,10 +8,5 @@
@logo-box-shadow: inset -1px -1px 1px @border-color-split;
@header-action-color: fade(@black, 35%);
@header-action-hover-color: @icon-color-hover;
@header-action-hover-background: fade(@black, 5%);
@header-search-color: @black;
@header-search-background: @white;
@header-search-focus-background: fade(@black, 5%);
@header-search-icon-color: fade(@black, 45%);
@header-search-icon-hover-color: fade(@black, 80%));
@header-action-hover-background: fade(@black, 5%));
}

1
web-react/src/assets/style/lib/button.less
View File

@@ -1,5 +1,4 @@
@import (reference) '../extend.less';
@btn-default-border: @border-color-split;
.ant-btn {
box-shadow: none;
}

13
web-react/src/assets/style/lib/tree-layout.less
View File

@@ -13,17 +13,8 @@
background-color: @white;
.header-actions {
>.ant-input-search {
.ant-input {
color: @black;
background-color: @white;
&:focus {
background-color: fade(@black, 5%);
}
}
.anticon-search {
color: fade(@black, 45%);
}
.ant-input-search {
margin: (@layout-header-height - 20px - 32px) / 2 @padding-md;
}
}
}

72
web-react/src/assets/style/main.less
View File

@@ -9,13 +9,7 @@
@logo-box-shadow: none,
@header-action-color: fade(@white, 60%),
@header-action-hover-color: @white,
@header-action-hover-background: fade(@white, 20%),
@header-search-color: @white,
@header-search-background: fade(@white, 15%),
@header-search-focus-background: fade(@white, 30%),
@header-search-icon-color: fade(@white, 60%),
@header-search-icon-hover-color: @white,
) {
@header-action-hover-background: fade(@white, 20%)) {
.yo-layout--spin {
position: absolute;
top: 0;
@@ -55,26 +49,24 @@
box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .05);
}
}
>.ant-input-search,
>.ant-select-auto-complete {
display: flex;
align-items: center;
margin: 5px @padding-md;
.ant-input {
height: 34px;
padding: 5px 30px 5px 11px;
transition: @animation-duration-slow;
transition-property: background-color;
border-color: transparent;
&:focus {
box-shadow: none;
.ant-select-auto-complete {
margin: (@layout-header-height - 10px - 30px) / 2 @padding-md;
.ant-input-affix-wrapper {
border: 0;
background-color: fade(@white, 15%);
&:focus,
&-focused {
background-color: fade(@white, 30%);
}
.ant-input {
color: fade(@white, 85%);
background-color: transparent;
}
.ant-input-suffix {
.anticon {
color: fade(@white, 60%);
}
}
}
.ant-select-selection {
background-color: transparent;
}
}
}
@@ -160,6 +152,8 @@
}
.ant-layout-content {
position: relative;
overflow-y: auto;
>.yo-tab-external-mount {
position: absolute;
top: 0;
@@ -474,18 +468,8 @@
}
}
}
>.ant-input-search,
>.ant-select-auto-complete {
.ant-input {
&:focus {
background-color: fade(@black, 5%);
}
}
}
}
}
.layout-sider {
}
>section {
>.ant-layout-sider {
.yo-layout-sider();
@@ -534,22 +518,6 @@
}
}
}
>.ant-input-search,
>.ant-select-auto-complete {
.ant-input {
color: @header-search-color;
background-color: @header-search-background;
&:focus {
background-color: @header-search-focus-background;
}
}
.anticon-search {
color: @header-search-icon-color;
&:hover {
color: @header-search-icon-hover-color;
}
}
}
}
.user-container {
margin: (@layout-header-height - 40px) / 2 0;

2
web-react/src/views/login/index.jsx
View File

@@ -5,7 +5,7 @@ import { encryptByRSA } from 'util/rsa'
import { RSA_PUBLIC_KEY } from 'util/global'
import { api } from 'common/api'
import { token } from 'common/token'
import 'assets/style/login.less'
import './index.less'
export default class index extends Component {

14
web-react/src/assets/style/login.less → web-react/src/views/login/index.less
View File

@@ -1,4 +1,4 @@
@import (reference) './app.less';
@import (reference) 'assets/style/app.less';
.yo-login {
position: fixed;
top: 0;
@@ -52,6 +52,8 @@
margin-bottom: 0;
}
.ant-form-item-label {
padding: @padding-xs 0 0 !important;
transition: @animation-duration-base;
transform: translate(0);
>label {
@@ -63,15 +65,19 @@
transform: translate(11px, 28px);
}
}
.ant-input {
.ant-input,
.ant-input-affix-wrapper {
border-width: 0 0 @border-width-base 0 !important;
border-color: fade(@black, 10%);
background-color: transparent;
}
.ant-input:hover,
.ant-input:focus {
.ant-input:focus,
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
border-width: 0 0 @border-width-base 0 !important;
border-color: @primary-color;
box-shadow: none;
box-shadow: none !important;
}
}