fix redundant search button issue
This commit is contained in:
parent
ab7f4279bd
commit
f13b9dcbbc
2 changed files with 5 additions and 7 deletions
|
@ -47,13 +47,9 @@ class Searchbar extends React.Component {
|
||||||
const { searchValue } = this.state;
|
const { searchValue } = this.state;
|
||||||
return (
|
return (
|
||||||
<div className="searchbar">
|
<div className="searchbar">
|
||||||
<button
|
<div className="searchbar__button">
|
||||||
type="submit"
|
|
||||||
className="searchbar__button"
|
|
||||||
onClick={this.handleSearchEnter}
|
|
||||||
>
|
|
||||||
<InlineSVG className="searchbar__icon" src={searchIcon} />
|
<InlineSVG className="searchbar__icon" src={searchIcon} />
|
||||||
</button>
|
</div>
|
||||||
<input
|
<input
|
||||||
className="searchbar__input"
|
className="searchbar__input"
|
||||||
type="text"
|
type="text"
|
||||||
|
|
|
@ -22,7 +22,9 @@
|
||||||
width: #{31 / $base-font-size}rem;
|
width: #{31 / $base-font-size}rem;
|
||||||
height: #{36 / $base-font-size}rem;
|
height: #{36 / $base-font-size}rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding: 0;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
border-right: solid 1px;
|
border-right: solid 1px;
|
||||||
@include themify() {
|
@include themify() {
|
||||||
border-right-color: getThemifyVariable('input-border-color');
|
border-right-color: getThemifyVariable('input-border-color');
|
||||||
|
|
Loading…
Reference in a new issue