LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Design audit, need to add entry to show file type

Browse source
This commit is contained in:
Jonas Whidden 2016-07-16 00:43:12 -05:00
parent ea178e6ae4
commit c7f92bdf5a
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
js/page/show.js
View file

@ -18,7 +18,7 @@ var formatItemStyle = {
}, formatItemDescriptionStyle = { }, formatItemDescriptionStyle = {
color: '#444', color: '#444',
marginBottom: '5px', marginBottom: '5px',
fontSize: '0.9em', fontSize: '1.2em',
}, formatItemMetadataStyle = { }, formatItemMetadataStyle = {
color: '#444', color: '#444',
marginBottom: '5px', marginBottom: '5px',
@ -40,7 +40,7 @@ var FormatItem = React.createClass({
<img src={this.props.metadata.thumbnail} alt={'Photo for ' + this.props.metadata.title} style={formatItemImgStyle} /> <img src={this.props.metadata.thumbnail} alt={'Photo for ' + this.props.metadata.title} style={formatItemImgStyle} />
</div> </div>
<div className="span8"> <div className="span8">
<h4 style={formatHeaderStyle}>{this.props.metadata.title}</h4> <h4 style={formatItemMetadataStyle}><b>Address:</b> {this.props.name}</h4>
<div style={formatSubheaderStyle}> <div style={formatSubheaderStyle}>
<div style={formatItemCostStyle}><CreditAmount amount={this.props.amount} isEstimate={true}/></div> <div style={formatItemCostStyle}><CreditAmount amount={this.props.amount} isEstimate={true}/></div>
<WatchLink streamName={this.props.name} /> <WatchLink streamName={this.props.name} />
@ -49,9 +49,9 @@ var FormatItem = React.createClass({
</div> </div>
<p style={formatItemDescriptionStyle}>{this.props.metadata.description}</p> <p style={formatItemDescriptionStyle}>{this.props.metadata.description}</p>
<div> <div>
<span style={formatItemMetadataStyle}>Author: {this.props.metadata.author}</span><br /> <span style={formatItemMetadataStyle}><b>Author:</b> {this.props.metadata.author}</span><br />
<span style={formatItemMetadataStyle}>Language: {this.props.metadata.language}</span><br /> <span style={formatItemMetadataStyle}><b>Language:</b> {this.props.metadata.language}</span><br />
<span style={formatItemMetadataStyle}>License: {this.props.metadata.license}</span><br /> <span style={formatItemMetadataStyle}><b>License:</b> {this.props.metadata.license}</span><br />
</div> </div>
</div> </div>
</div> </div>
@ -91,7 +91,7 @@ var FormatsSection = React.createClass({
return ( return (
<div> <div>
<h1>{this.props.name}</h1> <h1 style={formatHeaderStyle}>{this.state.metadata.title}</h1>
{/* In future, anticipate multiple formats, just a guess at what it could look like {/* In future, anticipate multiple formats, just a guess at what it could look like
// var formats = metadata.formats // var formats = metadata.formats
// return (<tbody>{formats.map(function(format,i){ */} // return (<tbody>{formats.map(function(format,i){ */}