diff --git a/components/product/ProductSlider/ProductSlider.module.css b/components/product/ProductSlider/ProductSlider.module.css index 8db6561a7..f77a3738d 100644 --- a/components/product/ProductSlider/ProductSlider.module.css +++ b/components/product/ProductSlider/ProductSlider.module.css @@ -1,6 +1,6 @@ .root { - @apply relative w-full h-full; - overflow-y: hidden; + @apply relative w-full h-full select-none; + overflow: hidden; } .slider { @@ -14,7 +14,7 @@ .control { @apply bg-violet absolute bottom-10 right-10 flex flex-row - border-accent-0 border text-accent-0 z-30 shadow-xl; + border-accent-0 border text-accent-0 z-30 shadow-xl select-none; height: 48px; } @@ -59,11 +59,16 @@ } .album { + width: 100%; + height: 100%; @apply bg-violet-dark; + box-sizing: content-box; overflow-y: hidden; overflow-x: auto; white-space: nowrap; height: 125px; + padding-bottom: 10px; + margin-bottom: -10px; } @screen md { diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx index 1a8b71d8f..b34929aab 100644 --- a/components/product/ProductView/ProductView.tsx +++ b/components/product/ProductView/ProductView.tsx @@ -155,7 +155,9 @@ const ProductView: FC = ({ product, relatedProducts }) => {
-
36 reviews
+
+ 36 reviews +