crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed margin forget started buttons in docs home

Browse Source
This commit is contained in:
Piotr Janosz
2019-07-05 19:32:54 +02:00
committed by fabioberger
parent 7454a7a6f3
commit 2544e4fd65
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/website/ts/pages/docs/home.tsx
View File

@@ -32,9 +32,9 @@ export const DocsHome: React.FC = () => {
<Heading size="default">Get Started</Heading> <Heading size="default">Get Started</Heading>
{getStartedLinks.map((link, index) => ( {getStartedLinks.map((link, index) => (
<Fragment key={`get-started-${index}`}> <Fragment key={`get-started-${index}`}>
<Button color={colors.brandDark} href={link.url} isWithArrow={true}> <GetStartedButton color={colors.brandDark} href={link.url} isWithArrow={true}>
{link.heading} {link.heading}
</Button> </GetStartedButton>
<Paragraph color={colors.textDarkPrimary} isMuted={1}> <Paragraph color={colors.textDarkPrimary} isMuted={1}>
{link.description} {link.description}
</Paragraph> </Paragraph>
@@ -78,6 +78,10 @@ const GetStartedWrapper = styled.div`
grid-row-gap: 30px; grid-row-gap: 30px;
`; `;
const GetStartedButton = styled(Button)`
margin-bottom: 12px;
`;
const Separator = styled.hr` const Separator = styled.hr`
border-width: 0 0 1px; border-width: 0 0 1px;
border-color: #e4e4e4; border-color: #e4e4e4;