From aecf01896aa7987a46881d43a9d804a17516256c Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Thu, 18 Mar 2021 13:25:19 +0300
Subject: feat: correct paddings on mobile

---
 src/components/Paper.tsx | 2 +-
 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">
-- 
cgit v1.2.3