From beed45e7ed917121b80f9a749c3e4c0eaa6a3f24 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Tue, 13 Feb 2024 11:52:53 -0700
Subject: [PATCH] Use taller aspect ratio for tall thumbnails

---
 web/src/components/image/AnimatedEventThumbnail.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/image/AnimatedEventThumbnail.tsx b/web/src/components/image/AnimatedEventThumbnail.tsx
index 7fa01a978..176b02a30 100644
--- a/web/src/components/image/AnimatedEventThumbnail.tsx
+++ b/web/src/components/image/AnimatedEventThumbnail.tsx
@@ -33,7 +33,7 @@ export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
     if (aspect > 2) {
       return "aspect-wide";
     } else if (aspect < 1) {
-      return "aspect-tall";
+      return "aspect-[9/16]";
     } else {
       return "aspect-video";
     }
@@ -43,7 +43,7 @@ export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
     <Tooltip>
       <TooltipTrigger asChild>
         <div
-          className={`relative rounded bg-cover h-24 bg-no-repeat bg-center mr-4 ${aspect}`}
+          className={`relative rounded bg-contain h-24 bg-no-repeat bg-center mr-4 ${aspect}`}
           style={{
             backgroundImage: `url(${imageUrl})`,
           }}