Probably fix aspect ratio issue

2 years ago · b2608505f8
1 changed files with 1 additions and 1 deletions
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@ -61,7 +61,7 @@ function MediaCardContent({
				@@ -61,7 +61,7 @@ function MediaCardContent({
      >
        <div
          className={[
-            "relative mb-4 aspect-[2/3] w-full overflow-hidden rounded-xl bg-mediaCard-hoverBackground bg-cover bg-center transition-[border-radius] duration-100",
+            "relative mb-4 pb-[150%] w-full overflow-hidden rounded-xl bg-mediaCard-hoverBackground bg-cover bg-center transition-[border-radius] duration-100",
            closable ? "" : "group-hover:rounded-lg",
          ].join(" ")}
          style={{