Fix labs layout
This commit is contained in:
		
							parent
							
								
									359a768e14
								
							
						
					
					
						commit
						a7f6cb7cfa
					
				|  | @ -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> | ||||||
|   ) |   ) | ||||||
| } | } | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue
	
	Block a user