fix: animation when hover a card

nnivxix · Oct 28, 2024 · e818a59 · e818a59
1 parent 6551dba
commit e818a59
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>