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

Osprey landing page and styling #632

Merged
daovist merged 6 commits from multisite-styling into master 2018-10-15 19:42:36 +02:00
Conversation 0 Commits 6 Files changed 6 +16 -13
3 changed files with 16 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 167806bd0e - Show all commits

5
client/scss/channel-claims-display/_channel-claims-display.scss
View file

@ -1,10 +1,7 @@
.channel-claims-display { .channel-claims-display {
width: 100%;
display: grid; display: grid;
grid-gap: 16px; grid-gap: 16px;
.button--secondary {
margin-right: $secondary-padding;
}
} }
@media (min-width: 1040px) { @media (min-width: 1040px) {

4
client/src/containers/ChannelClaimsDisplay/view.jsx
View file

@ -29,6 +29,8 @@ class ChannelClaimsDisplay extends React.Component {
const {channel: {claimsData: {claims, currentPage, totalPages}}, defaultThumbnail} = this.props; const {channel: {claimsData: {claims, currentPage, totalPages}}, defaultThumbnail} = this.props;
if (claims.length > 0) { if (claims.length > 0) {
return ( return (
<div>
<div>
<div className={'channel-claims-display'}> <div className={'channel-claims-display'}>
{claims.map(claim => ( {claims.map(claim => (
<AssetPreview <AssetPreview
@ -37,6 +39,8 @@ class ChannelClaimsDisplay extends React.Component {
key={`${claim.name}-${claim.id}`} key={`${claim.name}-${claim.id}`}
/> />
))} ))}
</div>
</div>
<Row> <Row>
{(currentPage > 1) && {(currentPage > 1) &&
<ButtonSecondary <ButtonSecondary

2
client/src/pages/ShowChannel/view.jsx
View file

@ -24,7 +24,9 @@ class ShowChannel extends React.Component {
/> />
</Row> </Row>
)} )}
<Row>
<ChannelClaimsDisplay /> <ChannelClaimsDisplay />
</Row>
</PageLayout> </PageLayout>
); );
} }