aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/Content.tsx10
-rw-r--r--packages/dev-tools-pages/ts/components/ContentBlock.tsx5
2 files changed, 3 insertions, 12 deletions
diff --git a/packages/dev-tools-pages/ts/components/Content.tsx b/packages/dev-tools-pages/ts/components/Content.tsx
index 6c0270dbc..506f94fab 100644
--- a/packages/dev-tools-pages/ts/components/Content.tsx
+++ b/packages/dev-tools-pages/ts/components/Content.tsx
@@ -21,8 +21,6 @@ const StyledMain =
`;
interface MainProps {
- title?: string;
- subtitle?: string;
dark?: boolean;
children: React.ReactNode;
}
@@ -30,13 +28,7 @@ interface MainProps {
function Main(props: MainProps) {
return (
<StyledMain dark={props.dark}>
- <Container>
- <ContentBlock main title={props.title || 'Get started'}>
- {props.subtitle ? <Beta as="p">{props.subtitle}</Beta> : null}
- </ContentBlock>
-
- {props.children}
- </Container>
+ <Container>{props.children}</Container>
</StyledMain>
);
}
diff --git a/packages/dev-tools-pages/ts/components/ContentBlock.tsx b/packages/dev-tools-pages/ts/components/ContentBlock.tsx
index fcd85830e..fa558e9ab 100644
--- a/packages/dev-tools-pages/ts/components/ContentBlock.tsx
+++ b/packages/dev-tools-pages/ts/components/ContentBlock.tsx
@@ -29,13 +29,12 @@ const Item = styled.div`
const StyledTitle = styled(Alpha)`
color: ${props => props.color};
- margin-bottom: 6.25rem;
`;
interface ContentBlockProps extends Props {
title: string;
main?: boolean;
- children: React.ReactNode;
+ children?: React.ReactNode;
}
function ContentBlock(props: ContentBlockProps) {
@@ -48,7 +47,7 @@ function ContentBlock(props: ContentBlockProps) {
return (
<Base>
<Title color={props.colors.main}>{props.title}</Title>
- <Content>{children}</Content>
+ {children ? <Content>{children}</Content> : null}
</Base>
);
}