make /supported-versions route responsive, remove console.log from this page

This commit is contained in:
Dawid Wysokiński 2021-01-02 14:04:40 +01:00
parent 25d8746cca
commit 4a4003eff6

View File

@ -41,7 +41,7 @@ function SupportedVersionsPage({ location }) {
} }
} }
`) `)
console.log(versions, baseUrl)
return ( return (
<Box <Box
display="flex" display="flex"
@ -54,15 +54,18 @@ function SupportedVersionsPage({ location }) {
<SEO pathname={location.pathname} title="Supported versions" /> <SEO pathname={location.pathname} title="Supported versions" />
<Container> <Container>
<header> <header>
<Typography variant="h1" align="center" gutterBottom> <Typography variant="h1" align="center">
<Link color="secondary" underline="none" to="/"> <Link color="secondary" underline="none" to="/">
TWHelp TWHelp
</Link> </Link>
</Typography> </Typography>
<Typography variant="h2" align="center" gutterBottom>
Version selection
</Typography>
</header> </header>
<Grid container spacing={2}> <Grid container spacing={2}>
{versions.map(version => ( {versions.map(version => (
<Grid item xs={3}> <Grid key={version.code} item xs={12} sm={6} md={4} lg={3}>
<Card> <Card>
<CardHeader <CardHeader
title={ title={