From e4f8a74f63f3be3b71a2697e4dce49afc0eabdda Mon Sep 17 00:00:00 2001 From: Franco Arza Date: Fri, 23 Oct 2020 12:15:12 -0300 Subject: [PATCH 1/4] use bg-image --- .../product/ProductSlider/ProductSlider.module.css | 10 ++-------- components/product/ProductSlider/ProductSlider.tsx | 13 ++++++------- 2 files changed, 8 insertions(+), 15 deletions(-) diff --git a/components/product/ProductSlider/ProductSlider.module.css b/components/product/ProductSlider/ProductSlider.module.css index 740c30369..2a8af7134 100644 --- a/components/product/ProductSlider/ProductSlider.module.css +++ b/components/product/ProductSlider/ProductSlider.module.css @@ -10,10 +10,12 @@ .leftControl { @apply left-6; + background-image: url('public/cursor-left.png'); } .rightControl { @apply right-6; + background-image: url('public/cursor-right.png'); } .control { @@ -66,11 +68,3 @@ .positionIndicatorActive:hover .dot { @apply bg-white; } -/* sx={{ - width: '10px', - height: '10px', - bg: currentSlide === idx ? 'primary' : 'gray', - borderRadius: 'full', - mx: 2, - '&:focus': { outline: 'none' }, -}} */ diff --git a/components/product/ProductSlider/ProductSlider.tsx b/components/product/ProductSlider/ProductSlider.tsx index 0b95ba1e2..d22b58f83 100644 --- a/components/product/ProductSlider/ProductSlider.tsx +++ b/components/product/ProductSlider/ProductSlider.tsx @@ -1,6 +1,6 @@ import { useKeenSlider } from 'keen-slider/react' +import Image from 'next/image' import React, { Children, FC, isValidElement, useState } from 'react' -import { HiChevronLeft, HiChevronRight } from 'react-icons/hi' import cn from 'classnames' import s from './ProductSlider.module.css' @@ -20,12 +20,11 @@ const ProductSlider: FC = ({ children }) => { return (
- - +