crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-16 22:46:58 +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;
}
.imageContainer > img {
@apply mx-auto;
.imageContainer > span {
height: 100% !important;
}
.sliderContainer .img {

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

@ -8,17 +8,21 @@
}
.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: calc(100% / 3);
}
.thumb.selected {
@apply bg-white/30;
@apply bg-white;
}
.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 {

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

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