Skip to content

Commit

Permalink
Add Styling to Cards Placeholder
Browse files Browse the repository at this point in the history
  • Loading branch information
@utkarshg6
utkarshg6 committed May 7, 2021
1 parent 8ab55db commit 91e48ea
Showing 1 changed file with 13 additions and 36 deletions.
49 changes: 13 additions & 36 deletions pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -543,51 +543,28 @@ class ComponentIndex extends Component {
}

renderCardsPlaceholder() {
const cardStyle = {
boxShadow: 'none',
backgroundColor: '#DFE2E8',
width: '300px'
}
return (
<Card.Group
style={{ marginLeft: '100px', marginTop: '30px' }}
>
<Card>
<Placeholder style={{ height: 100, width: 290 }}>
<Card
style={cardStyle}
>
<Placeholder style={{ height: 160, width: 300 }}>
<Placeholder.Image />
</Placeholder>
<Card.Content>
<Card.Header>
<Placeholder>
<Placeholder.Header>
<Placeholder.Line length='very short' />
</Placeholder.Header>
</Placeholder>
</Card.Header>
<Card.Description>
<Placeholder>
<Placeholder.Paragraph>
<Placeholder.Line length='short' />
</Placeholder.Paragraph>
</Placeholder>
</Card.Description>
</Card.Content>
</Card>
<Card>
<Placeholder style={{ height: 100, width: 290 }}>
<Card
style={cardStyle}
>
<Placeholder style={{ height: 160, width: 300 }}>
<Placeholder.Image />
</Placeholder>
<Card.Content>
<Card.Header>
<Placeholder>
<Placeholder.Header>
<Placeholder.Line length='very short' />
</Placeholder.Header>
</Placeholder>
</Card.Header>
<Card.Description>
<Placeholder>
<Placeholder.Paragraph>
<Placeholder.Line length='short' />
</Placeholder.Paragraph>
</Placeholder>
</Card.Description>
</Card.Content>
</Card>
</Card.Group>
)
Expand Down

0 comments on commit 91e48ea

Please sign in to comment.