separate assets from buttons

This commit is contained in:
Travis Eden 2018-10-15 10:50:26 -04:00
parent 622cbcfb74
commit 167806bd0e
3 changed files with 16 additions and 13 deletions

View file

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

View file

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

View file

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