crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve spacings

Browse Source
This commit is contained in:
Julián Benegas
2020-10-23 19:59:55 -03:00
parent 505b1e45d9
commit 60ceee9080
5 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,15 +8,15 @@
.productDisplay {
@apply relative flex px-0 pb-0 relative box-border col-span-1 bg-violet;
margin-right: -2rem;
margin-left: -2rem;
min-height: 400px;
min-height: 600px;
@screen md {
min-height: 700px;
}
@screen lg {
margin-right: -2rem;
margin-left: -2rem;
@apply mx-0 col-span-6;
min-height: 100%;
height: 100%;
@@ -28,7 +28,11 @@
}
.nameBox {
@apply absolute top-6 left-6 z-20;
@apply absolute top-6 left-0 z-20 pr-16;
@screen lg {
@apply left-6 pr-16;
}
& .name {
@apply px-6 py-2 bg-primary text-primary font-bold;
@@ -49,10 +53,10 @@
}
.sidebar {
@apply flex flex-col col-span-1 mx-auto max-w-8xl px-12 w-full;
@apply flex flex-col col-span-1 mx-auto max-w-8xl px-6 w-full;
@screen lg {
@apply col-span-5 pl-12 pt-20;
@apply col-span-6 pt-20;
}
}