docs: fix release page styling
This commit is contained in:
parent
4a4e9e8491
commit
e8335f9404
@ -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 => (
|
||||||
|
Loading…
x
Reference in New Issue
Block a user