Style and formatting fixes in FileTile
This commit is contained in:
parent
efa1a29d4f
commit
97f6f3bdf8
1 changed files with 4 additions and 5 deletions
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue