docs: fix release page styling

This commit is contained in:
Daniel Lautzenheiser 2023-04-21 09:32:43 -04:00
parent 4a4e9e8491
commit e8335f9404

View File

@ -56,13 +56,16 @@ const StyledReleaseLinks = styled('section')(
align-items: center; align-items: center;
padding: 24px 0 32px; padding: 24px 0 32px;
flex-grow: 1; flex-grow: 1;
gap: 40px;
${theme.breakpoints.between('md', 'lg')} { ${theme.breakpoints.between('md', 'lg')} {
padding: 24px 0 32px; padding: 24px 0 32px;
gap: 32px;
} }
${theme.breakpoints.down('md')} { ${theme.breakpoints.down('md')} {
padding: 24px 0 32px; padding: 24px 0 32px;
gap: 24px;
} }
`, `,
); );
@ -92,6 +95,7 @@ const Releases = ({ docsGroups, searchablePages }: DocsMenuProps) => {
return ( return (
<Page url="/releases" docsGroups={docsGroups} searchablePages={searchablePages} fullWidth> <Page url="/releases" docsGroups={docsGroups} searchablePages={searchablePages} fullWidth>
<StyledReleaseContent> <StyledReleaseContent>
<StyledReleaseLinks>
<Container> <Container>
<StyledTitle> <StyledTitle>
<Typography variant="h1" color="primary"> <Typography variant="h1" color="primary">
@ -116,7 +120,6 @@ const Releases = ({ docsGroups, searchablePages }: DocsMenuProps) => {
</Typography> </Typography>
</Alert> </Alert>
</Container> </Container>
<StyledReleaseLinks>
<Container> <Container>
<StyledReleaseLinksContent> <StyledReleaseLinksContent>
{releaseData.map(release => ( {releaseData.map(release => (