cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Responsive Changes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/utils.css
View File

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

2
components/product/ProductView/ProductView.module.css
View File

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

2
components/ui/Sidebar/Sidebar.tsx
View File

@ -52,7 +52,7 @@ const Sidebar: FC<Props> = ({ className, children, show = true, close }) => {
leaveTo="opacity-0" leaveTo="opacity-0"
> >
<div <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 // Close the sidebar when clicking on the backdrop
onClick={close} onClick={close}
/> />