Fix HeaderSearch error

9 years ago · 64f00d3574
2 changed files with 7 additions and 3 deletions
--- a/src/components/HeaderSearch/index.js
+++ b/src/components/HeaderSearch/index.js
@ -27,7 +27,7 @@ export default class HeaderSearch extends PureComponent {
  enterSearchMode = () => {
    this.setState({ searchMode: true }, () => {
      if (this.state.searchMode) {
-        this.input.refs.input.focus();
+        this.input.focus();
      }
    });
  }
--- a/src/layouts/BasicLayout.less
+++ b/src/layouts/BasicLayout.less
@ -66,8 +66,12 @@
      background: rgba(0, 0, 0, .04);
    }
  }
-  .search:hover {
-    background: transparent;
+  .search {
+    padding: 0;
+    margin: 0 12px;
+    &:hover {
+      background: transparent;
+    }
  }
  .account {
    .avatar {