Skip to content
Snippets Groups Projects
Unverified Commit 11e02c2c authored by Samuel Couillard's avatar Samuel Couillard Committed by GitHub
Browse files

Lighten Placeholder color (#4538)

parent 180b0303
No related branches found
No related tags found
No related merge requests found
......@@ -44,6 +44,10 @@ body {
}
}
.bg-placeholder {
color: silver;
}
// TODO - samuel: make responsive/add breakpoints
.btn {
min-width: $button-min-width;
......
......@@ -8,18 +8,18 @@ export default function RoomCardPlaceHolder() {
return (
<Card id="room-card" border="light">
<Card.Body>
<Placeholder as={Card.Title} animation="glow" className="mb-3">
<Placeholder as={Card.Title} animation="glow" className="mb-3" bg="placeholder">
<Placeholder style={{ height: '65px', width: '65px', borderRadius: '10%' }} />
</Placeholder>
<Placeholder as={Card.Title} animation="glow">
<Placeholder as={Card.Title} animation="glow" bg="placeholder">
<Placeholder xs={5} size="sm" />
</Placeholder>
<Placeholder as={Card.Text} animation="glow">
<Placeholder as={Card.Text} animation="glow" bg="placeholder">
<Placeholder xs={4} size="xs" /> <Placeholder xs={6} size="xs" />
<Placeholder xs={2} size="xs" />
</Placeholder>
<hr />
<Placeholder.Button variant="brand-outline" className="disabled float-end" animation="glow">{t('start')}</Placeholder.Button>
<Placeholder.Button variant="brand-outline" className="disabled float-end" animation="glow" bg="placeholder">{t('start')}</Placeholder.Button>
</Card.Body>
</Card>
);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment