Fix labs layout

This commit is contained in:
James Grugett 2022-10-02 14:51:28 -05:00
parent 359a768e14
commit a7f6cb7cfa

View File

@ -1,13 +1,15 @@
import { CHALLENGES_ENABLED } from 'common/challenge' import { CHALLENGES_ENABLED } from 'common/challenge'
import Masonry from 'react-masonry-css' import Masonry from 'react-masonry-css'
import { Col } from 'web/components/layout/col'
import { Page } from 'web/components/page' import { Page } from 'web/components/page'
import { SiteLink } from 'web/components/site-link' import { SiteLink } from 'web/components/site-link'
import { Title } from 'web/components/title' import { Title } from 'web/components/title'
export default function LabsPage() { export default function LabsPage() {
return ( return (
<Page className="px-4"> <Page>
<Title text="Manifold Labs" /> <Col className="px-4">
<Title className="sm:!mt-0" text="Manifold Labs" />
<Masonry <Masonry
breakpointCols={{ default: 2, 768: 1 }} breakpointCols={{ default: 2, 768: 1 }}
@ -39,6 +41,7 @@ export default function LabsPage() {
/> />
<LabCard title="Cowp" description="???" href="/cowp" /> <LabCard title="Cowp" description="???" href="/cowp" />
</Masonry> </Masonry>
</Col>
</Page> </Page>
) )
} }