diff options
Diffstat (limited to 'src')
-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"> |