mini correnctions in Readme section

This commit is contained in:
mattyl006 2022-07-27 09:50:42 +02:00
parent f5d15d5998
commit af7c71a03b

View File

@ -16,7 +16,7 @@ const ReadmeStyle = styled(Body)`
line-height: 22px; line-height: 22px;
@media (min-width: ${({theme}) => theme.overMobile}) { @media (min-width: ${({theme}) => theme.overMobile}) {
font-size: 24px; font-size: 22px;
line-height: 26px; line-height: 26px;
} }
} }
@ -33,6 +33,21 @@ const ReadmeStyle = styled(Body)`
line-height: 22px; line-height: 22px;
} }
} }
a {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: ${({theme}) => theme.colors.dark};
text-decoration: none;
@media (min-width: ${({theme}) => theme.overMobile}) {
font-size: 16px;
line-height: 22px;
font-weight: 500;
}
}
`; `;
const Readme = (props) => { const Readme = (props) => {
@ -106,8 +121,7 @@ const Readme = (props) => {
Description Description
</H2> </H2>
<ReadmeStyle as={fullDescription ? 'article' : 'p'} dangerouslySetInnerHTML={{ <ReadmeStyle as={fullDescription ? 'article' : 'p'} dangerouslySetInnerHTML={{
__html: fullDescription __html: fullDescription ? parseMarkdownResponse(fullDescription) : props.description
? parseMarkdownResponse(fullDescription) : props.description
}}/> }}/>
</FlexColumn> </FlexColumn>
<FlexColumn gap='16px' alignmentX='flex-start' width='80%' maxWidth='1000px'> <FlexColumn gap='16px' alignmentX='flex-start' width='80%' maxWidth='1000px'>