Osprey landing page and styling #632
3 changed files with 16 additions and 13 deletions
|
@ -1,10 +1,7 @@
|
|||
.channel-claims-display {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-gap: 16px;
|
||||
|
||||
.button--secondary {
|
||||
margin-right: $secondary-padding;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1040px) {
|
||||
|
|
|
@ -29,6 +29,8 @@ class ChannelClaimsDisplay extends React.Component {
|
|||
const {channel: {claimsData: {claims, currentPage, totalPages}}, defaultThumbnail} = this.props;
|
||||
if (claims.length > 0) {
|
||||
return (
|
||||
<div>
|
||||
<div>
|
||||
<div className={'channel-claims-display'}>
|
||||
{claims.map(claim => (
|
||||
<AssetPreview
|
||||
|
@ -37,6 +39,8 @@ class ChannelClaimsDisplay extends React.Component {
|
|||
key={`${claim.name}-${claim.id}`}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<Row>
|
||||
{(currentPage > 1) &&
|
||||
<ButtonSecondary
|
||||
|
|
|
@ -24,7 +24,9 @@ class ShowChannel extends React.Component {
|
|||
/>
|
||||
</Row>
|
||||
)}
|
||||
<Row>
|
||||
<ChannelClaimsDisplay />
|
||||
</Row>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue