style: change image only when image link is hovered

serbia70 · Feb 28, 2022 · dadc631 · dadc631
1 parent 97df958
commit dadc631
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/components/Card/Card.tsx b/components/Card/Card.tsx
@@ -33,14 +33,14 @@ const Card: FC<Props> = ({ item }) => {
   };
 
   return (
-    <div
-      className={styles.card}
-      onMouseOver={() => setIsHovered(true)}
-      onMouseLeave={() => setIsHovered(false)}
-    >
+    <div className={styles.card}>
       <div className={styles.imageContainer}>
         <Link href={itemLink}>
-          <a tabIndex={-1}>
+          <a
+            tabIndex={-1}
+            onMouseOver={() => setIsHovered(true)}
+            onMouseLeave={() => setIsHovered(false)}
+          >
             {!isHovered && (
               <Image
                 src={img1 as string}