evan/rats-search
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rework with search panel line

Browse Source
This commit is contained in:
Alexey Kasyanchuk 2018-05-08 18:05:16 +03:00
parent f909fb5aaa
commit faccbd3a87
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/search.js
View File

@ -287,8 +287,9 @@ class Search extends Component {
return (
<div className="column w100p center">
<div className='row inline w100p pad0-75' style={{maxWidth: '30em', backgroundColor: 'white', paddingTop: 0}}>
<div className='row inline w100p pad0-75' style={{minWidth: '35em', backgroundColor: 'white', paddingTop: 0, paddingBottom: 0, margin: 5, borderRadius: 3}}>
<TextField
style={{marginTop: -12}}
hintText="Search torrent or file"
floatingLabelText="What to search?"
fullWidth={true}
@ -309,18 +310,13 @@ class Search extends Component {
this.forceUpdate()
}}
/>
<RaisedButton style={{marginTop: '15px', marginLeft: '10px'}} label="Search" primary={true} onClick={() =>{
this.search()
}} />
</div>
<div className='row w100p center wrap' style={{padding: '0 8px'}}>
<div style={{padding: '0px 17px'}}>
<div style={{width: 25, height: 25, margin: 2}}>
<Checkbox
ref='safeSearch'
checked={this.notSafeSearch ? true : false}
checkedIcon={<Visibility />}
uncheckedIcon={<VisibilityOff />}
label={<span className='text-nowrap' style={{fontSize: '0.87em', transition: '0.1s', color: this.state.safeSearchColor}}>{this.state.safeSearchText}</span>}
iconStyle={{fill: this.state.safeSearchColor}}
onCheck={(ev, ch) => {
this.setState(this.setSafeSearch(ch));
@ -328,13 +324,12 @@ class Search extends Component {
style={{paddingBottom: '0.8em'}}
/>
</div>
<div style={{padding: '0px 17px'}}>
<div style={{width: 25, height: 25, margin: 2}}>
<Checkbox
ref='advancedSearch'
checked={this.state.advancedSearch}
checkedIcon={<RemoveIcon />}
uncheckedIcon={<AddIcon />}
label={<span className='text-nowrap' style={{fontSize: '0.87em', transition: '0.1s', color: 'black'}}>advanced search</span>}
iconStyle={{fill: 'black'}}
onCheck={(ev, ch) => {
this.setState({advancedSearch: ch});
@ -342,6 +337,10 @@ class Search extends Component {
style={{paddingBottom: '0.8em'}}
/>
</div>
<RaisedButton style={{marginLeft: '10px'}} label="Search" primary={true} onClick={() =>{
this.search()
}} />
</div>
{
this.state.advancedSearch
@ -349,6 +348,7 @@ class Search extends Component {
<AdvancedSearch onChange={(state) => {
this.advanced = state;
}} state={this.advanced} />
}
{
this.stats