crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 07:56:59 +00:00
Code Issues Packages Projects Releases Wiki 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
assets
utils.css
components
product/ProductView
ProductView.module.css
ui/Sidebar
Sidebar.tsx

2
assets/utils.css

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

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

@ -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;
}
}

2
components/ui/Sidebar/Sidebar.tsx

@ -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}
/>