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

fix(top): bold like styling on tab chose

Browse Source
This commit is contained in:
Alexey Kasyanchuk 2018-05-16 19:04:03 +03:00
parent fa7e04d056
commit 090a34fb87
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/header.js
View File

@ -53,7 +53,7 @@ class Header extends React.Component {
<div ref={this.header} className='header'> <div ref={this.header} className='header'>
<Card className='w100p header-main' style={{position: 'fixed', zIndex: 2}}> <Card className='w100p header-main' style={{position: 'fixed', zIndex: 2}}>
<CardMedia <CardMedia
overlay={<CardTitle className='header-title' title="Yarrr, Landlubbers!" subtitle={ overlay={<CardTitle className='header-title' title="Yarrr, Landlubbers!" style={{paddingTop: 2}} subtitle={
<div> <div>
<div className='row' style={{position: 'absolute', top: -65}}> <div className='row' style={{position: 'absolute', top: -65}}>
<svg className='clickable' <svg className='clickable'

6
src/app/top-page.js
View File

@ -117,7 +117,7 @@ export default class TopPage extends Page {
return null; return null;
return ( return (
<Tab style={{minWidth: 150}} key={index} label={this.descriptions[type]} value={type}> <Tab buttonStyle={type === this.state.type ? {fontWeight: 'bold'} : undefined} style={{minWidth: 150}} key={index} label={this.descriptions[type]} value={type}>
<Tabs <Tabs
className='w100p' className='w100p'
value={this.state.time} value={this.state.time}
@ -138,7 +138,7 @@ export default class TopPage extends Page {
if(!torrents) if(!torrents)
return ( return (
<Tab style={{minWidth: 150}} key={index} label={this.times[time]} value={time}> <Tab buttonStyle={time === this.state.time ? {fontWeight: 'bold'} : undefined} style={{minWidth: 150}} key={index} label={this.times[time]} value={time}>
<div className='pad0-75 w100p '> <div className='pad0-75 w100p '>
<LinearProgress mode="indeterminate" /> <LinearProgress mode="indeterminate" />
</div> </div>
@ -146,7 +146,7 @@ export default class TopPage extends Page {
) )
return ( return (
<Tab style={{minWidth: 150}} key={index} label={this.times[time]} value={time}> <Tab buttonStyle={time === this.state.time ? {fontWeight: 'bold'} : undefined} style={{minWidth: 150}} key={index} label={this.times[time]} value={time}>
<List style={{minWidth: '20em'}}> <List style={{minWidth: '20em'}}>
{ {
torrents.map((torrent, index) => { torrents.map((torrent, index) => {