From e818a5925ce61702a8e8623d53e0f8f00fd2df24 Mon Sep 17 00:00:00 2001
From: nnivxix <adhe.hanasa@gmail.com>
Date: Mon, 28 Oct 2024 09:44:23 +0700
Subject: [PATCH] fix: animation when hover a card

---
 src/components/BackdropCard.tsx    | 2 +-
 src/components/CardItem.tsx        | 2 +-
 src/components/SeasonCardItem.tsx  | 2 +-
 src/components/SimilarCardItem.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/BackdropCard.tsx b/src/components/BackdropCard.tsx
index b299c6a..6bb53f9 100644
--- a/src/components/BackdropCard.tsx
+++ b/src/components/BackdropCard.tsx
@@ -33,7 +33,7 @@ export default function BackdropCard<T extends SimpleBaseMedia>({
     <div
       title={title}
       {...props}
-      className={`${props.className} rounded-md group transition-transform overflow-clip  hover:scale-110`}
+      className={`${props.className} rounded-md group overflow-clip`}
     >
       <Link href={`/show/${isMovieType ? "movie" : "tv"}/${media.id}`}>
         <RImage
diff --git a/src/components/CardItem.tsx b/src/components/CardItem.tsx
index 0bba959..17fc224 100644
--- a/src/components/CardItem.tsx
+++ b/src/components/CardItem.tsx
@@ -21,7 +21,7 @@ export default function CardItem({ movie, media }: CardItemProps) {
   return (
     <article
       title={movieTitle}
-      className="hover:scale-105 group transition-transform rounded-lg pb-2 relative bg-gray-900  overflow-hidden"
+      className="group rounded-lg pb-2 relative bg-gray-900  overflow-hidden"
     >
       <div className="z-30 p-2 text-white absolute hidden group-hover:grid grid-cols-1 bg-black/50 backdrop-blur-sm w-full h-full">
         <h1 className="pb-2 text-xl font-bold">{movieTitle}</h1>
diff --git a/src/components/SeasonCardItem.tsx b/src/components/SeasonCardItem.tsx
index 9910c44..a3eab45 100644
--- a/src/components/SeasonCardItem.tsx
+++ b/src/components/SeasonCardItem.tsx
@@ -9,7 +9,7 @@ interface SeasonCardItemProps {
 }
 export default function SeasonCardItem({ season }: SeasonCardItemProps) {
   return (
-    <article className="w-full lg:w-3/4 hover:scale-105 group transition-transform rounded-lg pb-2 relative bg-gray-900  overflow-hidden">
+    <article className="w-full lg:w-3/4 group rounded-lg pb-2 relative bg-gray-900  overflow-hidden">
       <div className="z-30 p-2 text-white absolute hidden group-hover:grid grid-cols-1 bg-black/50 backdrop-blur-sm w-full h-full">
         <p className="overflow-y-auto">{season.overview ?? ""}</p>
       </div>
diff --git a/src/components/SimilarCardItem.tsx b/src/components/SimilarCardItem.tsx
index 63bb2e3..8c01ac6 100644
--- a/src/components/SimilarCardItem.tsx
+++ b/src/components/SimilarCardItem.tsx
@@ -25,7 +25,7 @@ export default function SimilarCardItem<
   return (
     <article
       title={movieTitle}
-      className="hover:scale-105 group transition-transform rounded-lg pb-2 relative bg-gray-900 w-auto overflow-hidden"
+      className="group rounded-lg pb-2 relative bg-gray-900 w-auto overflow-hidden"
     >
       <div className="z-30 p-2 text-white absolute hidden group-hover:grid grid-cols-1 bg-black/50 backdrop-blur-sm w-full h-full">
         <h1 className="pb-2 text-xl font-bold">{movieTitle}</h1>