Forgot to stage the rest of my code, thanks VS Code.

This commit is contained in:
Minesh Mitha 2018-10-06 18:57:11 +01:00
parent 81f97c1331
commit e0b15691b9
3 changed files with 124 additions and 99 deletions

View file

@ -6,6 +6,10 @@ a, a:visited {
color: $interactive-color;
}
.link--brand, .link--brand:visited {
color: $brand-color;
}
.link--secondary, .link--secondary:visited {
margin: 0px;
padding: 0.3em;

View file

@ -18,6 +18,23 @@
width: 70%;
}
.row-labeled-alt {
display: column;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
.row-labeled-label {
align-self: flex-start;
width: 100%;
}
.row-labeled-content {
align-self: center;
width: 100%;
}
}
@media (max-width: $break-point-medium ) {

View file

@ -12,7 +12,7 @@ class AssetInfo extends React.Component {
render () {
const { asset: { shortId, claimData : { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
return (
<div className='asset-information'>
<div className='asset-information-wrap'>
<HorizontalSplit
leftSide={
<div className='asset-description'>
@ -21,18 +21,17 @@ class AssetInfo extends React.Component {
)}
</div>
}
rightSide={''}
/>
rightSide={
<div className='asset-information'>
{channelName && (
<Row>
<RowLabeled
label={
<Label value={'Channel:'} />
<Label value={'Channel'} />
}
content={
<span className='text'>
<Link to={`/${channelName}:${certificateId}`}>{channelName}</Link>
<Link className='link--brand' to={`/${channelName}:${certificateId}`}>{channelName}</Link>
</span>
}
/>
@ -42,7 +41,7 @@ class AssetInfo extends React.Component {
<Row>
<RowLabeled
label={
<Label value={'Share:'} />
<Label value={'Share'} />
}
content={
<AssetShareButtons
@ -57,7 +56,7 @@ class AssetInfo extends React.Component {
<Row>
<RowLabeled
label={
<Label value={'Link:'} />
<Label value={'Link'} />
}
content={
<ClickToCopy
@ -71,7 +70,7 @@ class AssetInfo extends React.Component {
<Row>
<RowLabeled
label={
<Label value={'Embed:'} />
<Label value={'Embed'} />
}
content={
<div>
@ -94,20 +93,20 @@ class AssetInfo extends React.Component {
<Row>
<SpaceBetween>
<a
className='link--primary'
className='link--brand'
href={`${host}/${claimId}/${name}.${fileExt}`}
>
Direct Link
</a>
<a
className={'link--primary'}
className={'link--brand'}
href={`${host}/${claimId}/${name}.${fileExt}`}
download={name}
>
Download
</a>
<a
className={'link--primary'}
className={'link--brand'}
target='_blank'
href='https://lbry.io/dmca'
>
@ -118,10 +117,15 @@ class AssetInfo extends React.Component {
<Row>
<p>
Hosted via the <a className={'link--primary'} href={'https://lbry.io/get'} target={'_blank'}>LBRY</a> blockchain
Hosted via the <a className={'link--brand'} href={'https://lbry.io/get'} target={'_blank'}>LBRY</a> blockchain
</p>
</Row>
</div>
}
/>
</div>
);
}