fix bar's css

This commit is contained in:
Jonathan Rainville 2018-10-18 13:31:40 -04:00 committed by Pascal Precht
parent 02aea0506f
commit e683887ea4
No known key found for this signature in database
GPG Key ID: 0EE28D8D6FD85D7D
2 changed files with 8 additions and 2 deletions

View File

@ -38,7 +38,7 @@ class SearchBar extends React.Component {
<Form inline className="search-bar float-right my-2">
<FormGroup>
<Input type="text" name="search-bar" placeholder="Search by Address / Txhash / Block" onChange={(e) => this.onChange(e)}
value={this.state.searchValue} onKeyPress={e => this.onKeyPress(e)} style={{"border": "1px solid #e4e7ea", "width": "330px"}} />
value={this.state.searchValue} onKeyPress={e => this.onKeyPress(e)} />
<Button color="secondary" onClick={(e) => this.onSubmit(e)}>
<FontAwesome name="search"/>
</Button>

View File

@ -1,9 +1,15 @@
#root .search-bar input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border: 0;
outline: none;
box-shadow: none;
width: 330px;
border: 1px solid #c8ced3;
border-right: 0;
}
#root .dark-theme .search-bar input {
border: 0;
}
#root .search-bar button {