LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

Moving description into horizontal split + added brand color for links

Browse source
This commit is contained in:
Minesh Mitha 2018-10-06 18:24:55 +01:00
parent 542107db78
commit 431757cea4
2 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
client/scss/variables/_variables.scss
View file

@ -5,6 +5,7 @@ $tertiary-color: #ccccc0;
$interactive-color: blue; $interactive-color: blue;
$success-color: green; $success-color: green;
$failure-color: red; $failure-color: red;
$brand-color: #ff725d;
$primary-padding: 3em; $primary-padding: 3em;
$secondary-padding: 2em; $secondary-padding: 2em;

19
client/src/containers/AssetInfo/view.jsx
View file

@ -5,19 +5,24 @@ import RowLabeled from '@components/RowLabeled';
import Row from '@components/Row'; import Row from '@components/Row';
import SpaceBetween from '@components/SpaceBetween'; import SpaceBetween from '@components/SpaceBetween';
import AssetShareButtons from '@components/AssetShareButtons'; import AssetShareButtons from '@components/AssetShareButtons';
import HorizontalSplit from '@components/HorizontalSplit';
import ClickToCopy from '@components/ClickToCopy'; import ClickToCopy from '@components/ClickToCopy';
class AssetInfo extends React.Component { class AssetInfo extends React.Component {
render () { render () {
const { asset: { shortId, claimData : { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props; const { asset: { shortId, claimData : { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
return ( return (
<div> <div className='asset-information'>
<HorizontalSplit
{description && ( leftSide={
<Row> <div className='asset-description'>
<p class='asset-description'>{description}</p> {description && (
</Row> <p>{description}</p>
)} )}
</div>
}
rightSide={''}
/>
{channelName && ( {channelName && (
<Row> <Row>