style(media): reduce border radius on hover

3 years ago · da097b97d1
1 changed files with 1 additions and 1 deletions
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@ -43,7 +43,7 @@ function MediaCardContent({
				@@ -43,7 +43,7 @@ function MediaCardContent({
        }`}
      >
        <div
-          className="relative mb-4 aspect-[2/3] w-full overflow-hidden rounded-xl bg-denim-500 bg-cover"
+          className="relative mb-4 aspect-[2/3] w-full overflow-hidden rounded-xl bg-denim-500 bg-cover transition-[border-radius] duration-100 group-hover:rounded-lg"
          style={{
            backgroundImage: media.poster ? `url(${media.poster})` : undefined,
          }}