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 Masonry from 'react-masonry-css'
import { Col } from 'web/components/layout/col'
import { Page } from 'web/components/page'
import { SiteLink } from 'web/components/site-link'
import { Title } from 'web/components/title'
export default function LabsPage() {
return (
<Page className="px-4">
<Title text="Manifold Labs" />
<Page>
<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
title="Challenges"
description="One-on-one bets between friends"
href="/challenges"
title="Dating docs"
description="Browse dating docs or create your own"
href="/date-docs"
/>
)}
<LabCard
title="Dating docs"
description="Browse dating docs or create your own"
href="/date-docs"
/>
<LabCard
title="Senate race"
description="See the state-by-state breakdown of the US Senate midterm elections"
href="/midterms"
/>
<LabCard
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>
<LabCard
title="Senate race"
description="See the state-by-state breakdown of the US Senate midterm elections"
href="/midterms"
/>
<LabCard
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>
</Col>
</Page>
)
}