main Completed

temp
Pedram Keshavarzi 3 years ago
parent a07c349a38
commit 9e45d0e8dd
  1. 6
      src/components/Product/index.js
  2. 2
      src/views/Products/layouts/Main.js

@ -37,18 +37,18 @@ const ProductDesign = ({
rangeWidth, rangeWidth,
addToCartHolder, addToCartHolder,
productName, productName,
productGrade,
productPrice, productPrice,
productImg, productImg,
writeGHEIMAT, writeGHEIMAT,
numberOfRegards numberOfRegards,
productHolderHoverBorder
}) => { }) => {
const [isHovering, setIsHovering] = useState(false); const [isHovering, setIsHovering] = useState(false);
return ( return (
<div className="flex flex-wrap sm:flex-nowrap justify-around w-48 m-3"> <div className="flex flex-wrap sm:flex-nowrap justify-around w-48 m-3">
<div className="w-full flex flex-wrap items-center justify-around my-5 mx-5 px-4"> <div className="w-full flex flex-wrap items-center justify-around my-5 mx-5 px-4">
<div <div
className={`w-full sm:w-60 md:w-72 mx-5 rounded-lg shadow-sm p-2 my-3 ${productHolderBorder} ${productHolderBorderColor}`} className={`w-full sm:w-60 md:w-72 mx-5 rounded-lg transition-all p-2 my-3 ${productHolderBorder} ${productHolderBorderColor} hover:${productHolderHoverBorder}`}
> >
{/* product image */} {/* product image */}
<div className="w-full relative"> <div className="w-full relative">

@ -86,6 +86,8 @@ export const Main = ({ isMobile,
numberOfRegards={160} numberOfRegards={160}
productTitleColor='text-blue5F' productTitleColor='text-blue5F'
productCatTextColor='text-blueC0' productCatTextColor='text-blueC0'
productHolderBorder=''
productHolderHoverBorder='shadow-md'
/> />
</Link> </Link>
))} ))}

Loading…
Cancel
Save