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

fix(search): fix container width

Browse Source
This commit is contained in:
Alexey Kasyanchuk 2018-05-21 00:47:09 +03:00
parent b699e5082f
commit b1fceb5450
3 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/css/izi/components.css
View File

@ -28,34 +28,34 @@
} }
} }
.recent-torrents { .torrents-container {
width: 60% width: 70%
} }
@media only screen and (max-width: 1250px) @media only screen and (max-width: 1250px)
{ {
.recent-torrents { .torrents-container {
width: 68% width: 78%
} }
} }
@media only screen and (max-width: 1100px) @media only screen and (max-width: 1100px)
{ {
.recent-torrents { .torrents-container {
width: 75% width: 82%
} }
} }
@media only screen and (max-width: 800px) @media only screen and (max-width: 800px)
{ {
.recent-torrents { .torrents-container {
width: 90% width: 93%
} }
} }
@media only screen and (max-width: 650px) @media only screen and (max-width: 650px)
{ {
.recent-torrents { .torrents-container {
width: 100% width: 100%
} }
} }

4
src/app/index-page.js
View File

@ -32,7 +32,8 @@ export default class IndexPage extends Page {
} }
return ( return (
<div id='index-window'> <div id='index-window' className='column center'>
<div className='torrents-container'>
<SearchResults <SearchResults
torrentsSearchResults={Search.instance().searchTorrents} torrentsSearchResults={Search.instance().searchTorrents}
filesSearchResults={Search.instance().searchFiles} filesSearchResults={Search.instance().searchFiles}
@ -85,6 +86,7 @@ export default class IndexPage extends Page {
moreTorrentsIndicator={Search.instance().state.moreTorrentsIndicator} moreTorrentsIndicator={Search.instance().state.moreTorrentsIndicator}
moreFilesIndicator={Search.instance().state.moreFilesIndicator} moreFilesIndicator={Search.instance().state.moreFilesIndicator}
/> />
</div>
<div className='column center w100p pad0-75'> <div className='column center w100p pad0-75'>
<RecentTorrents /> <RecentTorrents />
</div> </div>

2
src/app/recent-torrents.js
View File

@ -137,7 +137,7 @@ export default class RecentTorrents extends Component {
return null; return null;
return ( return (
<List className='animated recent-torrents'> <List className='animated recent-torrents torrents-container'>
<Subheader className='recent-title' inset={true}> <Subheader className='recent-title' inset={true}>
<FlatButton style={{marginRight: '8px'}} primary={true} label={__('top')} labelStyle={{color: "#a4c639"}} onClick={() =>{ <FlatButton style={{marginRight: '8px'}} primary={true} label={__('top')} labelStyle={{color: "#a4c639"}} onClick={() =>{
window.router('/top'); window.router('/top');