From fa6889678c72965c9c75a607d49ea96972041af7 Mon Sep 17 00:00:00 2001
From: Xetera <contact@xetera.dev>
Date: Sun, 30 Jun 2024 01:23:54 +0300
Subject: [PATCH] fix: add aspect ratio to reduce LCS on tv shows

---
 src/components/tv/watched-tv-show.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tv/watched-tv-show.tsx b/src/components/tv/watched-tv-show.tsx
index d75db67..2656401 100644
--- a/src/components/tv/watched-tv-show.tsx
+++ b/src/components/tv/watched-tv-show.tsx
@@ -29,7 +29,7 @@ export default function WatchedTvShow({ show, selected }: Props) {
   >
     <img
       src={show.coverUrl}
-      className={cls("rounded mb-2 w-full max-h-[280px] object-cover h-full ease-out transition-all", (selected === show.simklId || typeof selected === "undefined") ? "opacity-100" : "opacity-20%")}
+      className={cls("rounded mb-2 w-full max-h-[280px] aspect-ratio-[47/70] object-cover h-full w-full ease-out transition-all", (selected === show.simklId || typeof selected === "undefined") ? "opacity-100" : "opacity-20%")}
     />
     <div className="flex flex-col gap-1">
       <h3 className="color-text-800 font-medium whitespace-nowrap overflow-hidden">