fix(ui-toolkit): replace styled card with card component on section
This commit is contained in:
parent
b3edb3aa02
commit
588b833045
@ -3,8 +3,6 @@ import styled from 'styled-components';
|
|||||||
import { Card, H2, P, H4 } from '../';
|
import { Card, H2, P, H4 } from '../';
|
||||||
import remcalc from 'remcalc';
|
import remcalc from 'remcalc';
|
||||||
|
|
||||||
const CardStyled = styled(Card);
|
|
||||||
|
|
||||||
const Header = styled.header`
|
const Header = styled.header`
|
||||||
background: ${props => props.theme.primary};
|
background: ${props => props.theme.primary};
|
||||||
padding: ${remcalc(50)} ${remcalc(120)};
|
padding: ${remcalc(50)} ${remcalc(120)};
|
||||||
@ -25,7 +23,7 @@ export default allProps => {
|
|||||||
|
|
||||||
if (depth === 1) {
|
if (depth === 1) {
|
||||||
return (
|
return (
|
||||||
<CardStyled>
|
<Card>
|
||||||
<Header>
|
<Header>
|
||||||
<H2 white>{name}</H2>
|
<H2 white>{name}</H2>
|
||||||
{description ? <P white>{description}</P> : null}
|
{description ? <P white>{description}</P> : null}
|
||||||
@ -35,7 +33,7 @@ export default allProps => {
|
|||||||
{components}
|
{components}
|
||||||
{sections}
|
{sections}
|
||||||
</Main>
|
</Main>
|
||||||
</CardStyled>
|
</Card>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user