separate assets from buttons
This commit is contained in:
parent
622cbcfb74
commit
167806bd0e
3 changed files with 16 additions and 13 deletions
|
@ -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) {
|
||||||
|
|
|
@ -29,14 +29,18 @@ 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 className={'channel-claims-display'}>
|
<div>
|
||||||
{claims.map(claim => (
|
<div>
|
||||||
<AssetPreview
|
<div className={'channel-claims-display'}>
|
||||||
defaultThumbnail={defaultThumbnail}
|
{claims.map(claim => (
|
||||||
claimData={claim}
|
<AssetPreview
|
||||||
key={`${claim.name}-${claim.id}`}
|
defaultThumbnail={defaultThumbnail}
|
||||||
/>
|
claimData={claim}
|
||||||
))}
|
key={`${claim.name}-${claim.id}`}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<Row>
|
<Row>
|
||||||
{(currentPage > 1) &&
|
{(currentPage > 1) &&
|
||||||
<ButtonSecondary
|
<ButtonSecondary
|
||||||
|
|
|
@ -24,7 +24,9 @@ class ShowChannel extends React.Component {
|
||||||
/>
|
/>
|
||||||
</Row>
|
</Row>
|
||||||
)}
|
)}
|
||||||
<ChannelClaimsDisplay />
|
<Row>
|
||||||
|
<ChannelClaimsDisplay />
|
||||||
|
</Row>
|
||||||
</PageLayout>
|
</PageLayout>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue