Responsive Changes

This commit is contained in:
Belen Curcio 2020-10-20 16:29:28 -03:00
parent 78a9a9c451
commit a1ee24e30e
3 changed files with 2 additions and 4 deletions

View File

@ -1,3 +1 @@
@tailwind utilities;
@tailwind utilities;
@tailwind screens;

View File

@ -2,7 +2,7 @@
@apply relative grid items-start gap-8 grid-cols-1;
@screen lg {
@apply grid-cols-12;
@apply grid-cols-12 pt-10;
}
}

View File

@ -52,7 +52,7 @@ const Sidebar: FC<Props> = ({ className, children, show = true, close }) => {
leaveTo="opacity-0"
>
<div
className="absolute inset-0 bg-black bg-opacity-25 transition-opacity"
className="absolute inset-0 bg-black bg-opacity-50 transition-opacity"
// Close the sidebar when clicking on the backdrop
onClick={close}
/>