From 4d4e4f667ee2ee7837a4a8630e8428b1dc0e9027 Mon Sep 17 00:00:00 2001 From: Bel Curcio Date: Tue, 8 Dec 2020 10:31:37 -0300 Subject: [PATCH] Hover State --- components/product/ProductCard/ProductCard.module.css | 2 +- components/product/ProductCard/ProductCard.tsx | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css index 0dc51d4f3..1484cfaa4 100644 --- a/components/product/ProductCard/ProductCard.module.css +++ b/components/product/ProductCard/ProductCard.module.css @@ -10,7 +10,7 @@ } & .productImage { - transform: scale(1.2725); + transform: scale(1.2625); } & .productTitle > span, diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx index 0a1a712d1..449647c74 100644 --- a/components/product/ProductCard/ProductCard.tsx +++ b/components/product/ProductCard/ProductCard.tsx @@ -1,12 +1,13 @@ -import type { FC } from 'react' import cn from 'classnames' import Link from 'next/link' -import type { ProductNode } from '@bigcommerce/storefront-data-hooks/api/operations/get-all-products' -import usePrice from '@bigcommerce/storefront-data-hooks/use-price' import Image from 'next/image' +import type { FC } from 'react' import s from './ProductCard.module.css' import WishlistButton from '@components/wishlist/WishlistButton' +import usePrice from '@bigcommerce/storefront-data-hooks/use-price' +import type { ProductNode } from '@bigcommerce/storefront-data-hooks/api/operations/get-all-products' + interface Props { className?: string product: ProductNode