1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-24 03:06:22 +02:00

Format pattern pages

This commit is contained in:
Phuoc Nguyen
2021-09-27 23:14:35 +07:00
parent 6403dfdf36
commit 9d394a8561
222 changed files with 8168 additions and 8468 deletions

View File

@@ -1,22 +1,20 @@
import * as React from 'react';
import { Heading, Spacer } from '@1milligram/design';
import { Heading } from '@1milligram/design';
import { Pattern } from '../constants/Pattern';
import { CoverCard } from './CoverCard';
interface RelatedPatternsProps {
export const RelatedPatterns: React.FC<{
patterns: Pattern[];
}
export const RelatedPatterns: React.FC<RelatedPatternsProps> = ({ patterns }) => {
}> = ({ patterns }) => {
return (
<section>
<Heading level={2}>See also</Heading>
<div style={{ alignItems: 'start', display: 'flex', flexWrap: 'wrap', padding: '1.5rem' }}>
{
patterns.map((pattern) => <CoverCard key={pattern} pattern={pattern} />)
}
{patterns.map((pattern) => (
<CoverCard key={pattern} pattern={pattern} />
))}
</div>
</section>
);