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

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;