diff options
| author | eug-vs <eug-vs@keemail.me> | 2021-03-18 13:25:19 +0300 |
|---|---|---|
| committer | eug-vs <eug-vs@keemail.me> | 2021-03-18 13:25:19 +0300 |
| commit | aecf01896aa7987a46881d43a9d804a17516256c (patch) | |
| tree | 1e4d4b72d93556b809fe2c4773b6995ddaf62e0a | |
| parent | d2988b99143aabec88467212cfca5891bf6f6bd3 (diff) | |
| download | commercel-ui-aecf01896aa7987a46881d43a9d804a17516256c.tar.gz | |
feat: correct paddings on mobile
| -rw-r--r-- | src/components/Paper.tsx | 2 | ||||
| -rw-r--r-- | src/containers/Home.tsx | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/src/components/Paper.tsx b/src/components/Paper.tsx index f285dab..8094293 100644 --- a/src/components/Paper.tsx +++ b/src/components/Paper.tsx @@ -12,7 +12,7 @@ const style = { const Paper: React.FC<Props> = ({ variant = 'elevation', className, children }) => { return ( - <div className={`p-5 bg-white rounded-md shadow ${style[variant]} ${className}`}> + <div className={`p-4 lg:p-5 bg-white rounded-md shadow ${style[variant]} ${className}`}> {children} </div> ); diff --git a/src/containers/Home.tsx b/src/containers/Home.tsx index 3af5379..2d3d10c 100644 --- a/src/containers/Home.tsx +++ b/src/containers/Home.tsx @@ -31,7 +31,7 @@ const Home: React.FC = () => ( <Page title="Главная" actions={[{ name: 'Связаться с нами', variant: 'outlined' }]}> <div className="grid grid-flow-row lg:grid-cols-3"> {cards.map(card => ( - <Paper key={card.route} variant="outlined" className="m-5"> + <Paper key={card.route} variant="outlined" className="my-2 lg:m-5"> <div className="h-full flex flex-col justify-between"> <img className="h-60" src={card.src} alt="Накладная" /> <div className="flex flex-col text-center"> |