Style and formatting fixes in FileTile

This commit is contained in:
Alex Liebowitz 2016-12-23 02:02:05 -05:00
parent efa1a29d4f
commit 97f6f3bdf8

View file

@ -38,7 +38,7 @@ let FileTile = React.createClass({
} }
}, },
render: function() { render: function() {
var obscureNsfw = !lbry.getClientSetting('showNsfw') && this.props.nsfw; let obscureNsfw = !lbry.getClientSetting('showNsfw') && this.props.nsfw;
return ( return (
<section className={ 'file-tile card ' + (obscureNsfw ? 'card-obscured ' : '') + (this.props.compact ? 'file-tile--compact' : '')} onMouseEnter={this.handleMouseOver} onMouseLeave={this.handleMouseOut}> <section className={ 'file-tile card ' + (obscureNsfw ? 'card-obscured ' : '') + (this.props.compact ? 'file-tile--compact' : '')} onMouseEnter={this.handleMouseOver} onMouseLeave={this.handleMouseOut}>
<div className="row-fluid card-content file-tile__row"> <div className="row-fluid card-content file-tile__row">
@ -70,15 +70,14 @@ let FileTile = React.createClass({
</p> </p>
</div> </div>
</div> </div>
{ {obscureNsfw && this.state.isHovered
!obscureNsfw || !this.state.isHovered ? null : ? <div className='card-overlay'>
<div className='card-overlay'>
<p> <p>
This content is Not Safe For Work. This content is Not Safe For Work.
To view adult content, please change your <Link href="?settings" label="Settings" />. To view adult content, please change your <Link href="?settings" label="Settings" />.
</p> </p>
</div> </div>
} : null}
</section> </section>
); );
} }