open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix labs layout

Browse Source
This commit is contained in:
James Grugett 2022-10-02 14:51:28 -05:00
parent 359a768e14
commit a7f6cb7cfa
1 changed files with 33 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
web/pages/labs/index.tsx
View File

@ -1,44 +1,47 @@
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
breakpointCols={{ default: 2, 768: 1 }}
className="-ml-4 flex w-auto"
columnClassName="pl-4 bg-clip-padding"
>
{CHALLENGES_ENABLED && (
<LabCard
title="Challenges"
description="One-on-one bets between friends"
href="/challenges"
/>
)}
<Masonry
breakpointCols={{ default: 2, 768: 1 }}
className="-ml-4 flex w-auto"
columnClassName="pl-4 bg-clip-padding"
>
{CHALLENGES_ENABLED && (
<LabCard <LabCard
title="Challenges" title="Dating docs"
description="One-on-one bets between friends" description="Browse dating docs or create your own"
href="/challenges" href="/date-docs"
/> />
)} <LabCard
title="Senate race"
<LabCard description="See the state-by-state breakdown of the US Senate midterm elections"
title="Dating docs" href="/midterms"
description="Browse dating docs or create your own" />
href="/date-docs" <LabCard
/> title="Magic the Guessering"
<LabCard description="How well can you match these card names to their art?"
title="Senate race" href="/mtg"
description="See the state-by-state breakdown of the US Senate midterm elections" />
href="/midterms" <LabCard title="Cowp" description="???" href="/cowp" />
/> </Masonry>
<LabCard </Col>
title="Magic the Guessering"
description="How well can you match these card names to their art?"
href="/mtg"
/>
<LabCard title="Cowp" description="???" href="/cowp" />
</Masonry>
</Page> </Page>
) )
} }