fix(frontend): only animate titlecard when showDetail is true

sct · Jan 4, 2021 · 0ab4c3c · 0ab4c3c
1 parent effc809
commit 0ab4c3c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/TitleCard/index.tsx b/src/components/TitleCard/index.tsx
@@ -76,7 +76,9 @@ const TitleCard: React.FC<TitleCardProps> = ({
         onCancel={closeModal}
       />
       <div
-        className="transition duration-300 transform scale-100 outline-none cursor-default titleCard hover:scale-105 focus:scale-105"
+        className={`transition duration-300 transform scale-100 outline-none cursor-default titleCard ${
+          showDetail ? 'scale-105' : ''
+        }`}
         style={{
           backgroundImage: `url(//image.tmdb.org/t/p/w300_and_h450_face${image})`,
         }}