fix(top): bold like styling on tab chose

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

View File

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

View File

@ -117,7 +117,7 @@ export default class TopPage extends Page {
return null;
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
className='w100p'
value={this.state.time}
@ -138,7 +138,7 @@ export default class TopPage extends Page {
if(!torrents)
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 '>
<LinearProgress mode="indeterminate" />
</div>
@ -146,7 +146,7 @@ export default class TopPage extends Page {
)
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'}}>
{
torrents.map((torrent, index) => {