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

test improvements

Browse Source
This commit is contained in:
Franco Arza 2020-10-26 20:41:01 -03:00
parent 2cd41ee135
commit 037de93e65
2 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/product/ProductCard/ProductCard.module.css
View File

@ -1,5 +1,6 @@
.root { .root {
@apply relative w-full box-border overflow-hidden bg-no-repeat bg-center bg-cover transition ease-linear cursor-pointer; @apply relative max-h-full w-full box-border overflow-hidden bg-no-repeat bg-center bg-cover transition ease-linear cursor-pointer;
height: 100% !important;
&:hover { &:hover {
& .squareBg:before { & .squareBg:before {
@ -119,17 +120,11 @@
} }
.wishlistButton { .wishlistButton {
@apply w-10 h-10 flex ml-auto flex items-center justify-center bg-primary text-primary font-semibold text-xs leading-6 cursor-pointer; @apply w-10 h-10 flex ml-auto items-center justify-center bg-primary text-primary font-semibold text-xs leading-6 cursor-pointer;
} }
.imageContainer { .product-image {
@apply absolute z-10 inset-0 flex items-center justify-center; position: absolute;
width: 100%;
& > div { height: 100%;
@apply h-full;
& > div {
@apply h-full;
padding-bottom: 0 !important;
}
}
} }

4
pages/index.tsx
View File

@ -80,8 +80,8 @@ export default function Home({
key={node.path} key={node.path}
product={node} product={node}
// The first image is the largest one in the grid // The first image is the largest one in the grid
imgWidth={i === 0 ? '65vw' : '30vw'} imgWidth={i === 0 ? 1600 : 820}
imgHeight={i === 0 ? '45vw' : '22vw'} imgHeight={i === 0 ? 1600 : 820}
priority priority
/> />
))} ))}