update 部分样式修复

web-react/src/assets/style/frame/dark.less

@@ -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-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);
 }

web-react/src/assets/style/frame/light.less

@@ -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-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%));
 }

web-react/src/assets/style/lib/button.less

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

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

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

web-react/src/assets/style/main.less

@@ -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-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,
-) {
   .yo-layout--spin {
     position: absolute;
     top: 0;
@@ -55,27 +49,25 @@
           box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .05);
         }
       }
-      >.ant-input-search,
+      .ant-select-auto-complete {
-      >.ant-select-auto-complete {
+        margin: (@layout-header-height - 10px - 30px) / 2 @padding-md;
-        display: flex;
+        .ant-input-affix-wrapper {
-        align-items: center;
+          border: 0;
-
+          background-color: fade(@white, 15%);
-        margin: 5px @padding-md;
+          &:focus,
+          &-focused {
+            background-color: fade(@white, 30%);
+          }
           .ant-input {
-          height: 34px;
+            color: fade(@white, 85%);
-          padding: 5px 30px 5px 11px;
-
-          transition: @animation-duration-slow;
-          transition-property: background-color;
-
-          border-color: transparent;
-          &:focus {
-            box-shadow: none;
-          }
-        }
-        .ant-select-selection {
             background-color: transparent;
           }
+          .ant-input-suffix {
+            .anticon {
+              color: fade(@white, 60%);
+            }
+          }
+        }
       }
     }
     .user-container {
@@ -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;

web-react/src/views/login/index.jsx

@@ -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 {
 

web-react/src/views/login/index.less

@@ -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;
   }
 }