Make it clear the search box is actually a search box now
(Thanks Jack)
This reverts commit a7ae10530e
.
This commit is contained in:
parent
cfbadd7007
commit
7b8a4918a1
1 changed files with 5 additions and 19 deletions
|
@ -1,18 +1,9 @@
|
|||
var
|
||||
searchContainerStyle = {
|
||||
var searchInputStyle = {
|
||||
width: '400px',
|
||||
display: 'block',
|
||||
marginBottom: '48px',
|
||||
marginLeft: 'auto',
|
||||
marginRight: 'auto',
|
||||
textAlign: 'center'
|
||||
},
|
||||
protocolLabelStyle = {
|
||||
color: '#888',
|
||||
fontSize: '0.9em',
|
||||
marginRight: '2px'
|
||||
},
|
||||
searchInputStyle = {
|
||||
width: '400px',
|
||||
marginRight: 'auto'
|
||||
},
|
||||
fetchResultsStyle = {
|
||||
color: '#888',
|
||||
|
@ -332,13 +323,8 @@ var Discover = React.createClass({
|
|||
console.log(this.state);
|
||||
return (
|
||||
<main style={discoverMainStyle}>
|
||||
<section>
|
||||
<div style={searchContainerStyle}>
|
||||
<span style={protocolLabelStyle}>lbry://</span>
|
||||
<input type="search" style={searchInputStyle} onChange={this.onQueryChange}
|
||||
placeholder="lbrydomainname"/>
|
||||
</div>
|
||||
</section>
|
||||
<section><input type="search" style={searchInputStyle} onChange={this.onQueryChange}
|
||||
placeholder="Find movies, music, games, and more"/></section>
|
||||
{ this.state.searching ? <SearchActive /> : null }
|
||||
{ !this.state.searching && this.state.query && this.state.results.length ? <SearchResults results={this.state.results} /> : null }
|
||||
{ !this.state.searching && this.state.query && !this.state.results.length ? <SearchNoResults query={this.state.query} /> : null }
|
||||
|
|
Loading…
Reference in a new issue