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

растягивание элемента информации на мобилках

Browse Source
This commit is contained in:
Alexey Kasyanchuk 2017-01-04 12:01:05 +03:00
parent 43303475f9
commit 7101487269
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/izi/components.css
View File

@ -1,7 +1,15 @@
.torrent-information-row .info-table {
flex-basis: 60%;
}
@media only screen and (max-width: 600px) @media only screen and (max-width: 600px)
{ {
.torrent-information-row { .torrent-information-row {
flex-direction: column; flex-direction: column;
} }
.torrent-information-row .info-table {
flex-basis: 100%;
width: 100%;
}
} }

2
src/torrent-page.js
View File

@ -156,7 +156,7 @@ export default class TorrentPage extends Component {
<Tab label="Information" value="info" > <Tab label="Information" value="info" >
<div className='column w100p'> <div className='column w100p'>
<div className='row w100p torrent-information-row'> <div className='row w100p torrent-information-row'>
<div style={{flexBasis: '60%'}}> <div className='info-table'>
<TorrentInformation torrent={this.torrent} parent={this} /> <TorrentInformation torrent={this.torrent} parent={this} />
</div> </div>
<div style={{flexBasis: '40%'}} className='column center w100p'> <div style={{flexBasis: '40%'}} className='column center w100p'>