crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-17 06:56:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
Catalin Pinte 2022-12-19 17:24:47 +02:00
parent 81e32ec7d8
commit b1b25a5170
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/components/product/ProductDetails/ProductDetails.module.css
View File

@ -20,8 +20,8 @@
@apply text-center h-full relative flex-shrink-0; @apply text-center h-full relative flex-shrink-0;
} }
.imageContainer > img { .imageContainer > span {
@apply mx-auto; height: 100% !important;
} }
.sliderContainer .img { .sliderContainer .img {

10
site/components/product/ProductSlider/ProductSlider.module.css
View File

@ -8,17 +8,21 @@
} }
.thumb { .thumb {
@apply overflow-hidden inline-block cursor-pointer h-full transition duration-300 md:hover:scale-105; @apply overflow-hidden inline-block cursor-pointer h-full;
width: 125px; width: 125px;
width: calc(100% / 3); width: calc(100% / 3);
} }
.thumb.selected { .thumb.selected {
@apply bg-white/30; @apply bg-white;
} }
.thumb img { .thumb img {
@apply w-full h-full max-h-full object-cover; @apply w-full h-full object-cover transition duration-300;
}
.thumb:hover img {
@apply md:hover:scale-105;
} }
.album { .album {

2
site/components/product/ProductSlider/ProductSlider.tsx
View File

@ -124,8 +124,6 @@ const ProductSlider: React.FC<ProductSliderProps> = ({
...child, ...child,
props: { props: {
...child.props, ...child.props,
width: 132,
height: 82,
className: cn(child.props.className, s.thumb, { className: cn(child.props.className, s.thumb, {
[s.selected]: currentSlide === idx, [s.selected]: currentSlide === idx,
}), }),