Merge pull request #274 from djangoindia/events_card_fixed

Fixed events card to fit images better
djangoindia · Jan 18, 2025 · 2b83eba · 2b83eba
2 parents 4c82fe0 + 452d8a5
commit 2b83eba
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/src/containers/Event/Event.tsx b/frontend/src/containers/Event/Event.tsx
@@ -71,7 +71,7 @@ const EventContainer = async ({
   return (
     <div>
       <div className='container'>
-        <div className='relative mx-auto my-12 h-96 w-full overflow-hidden rounded-2xl shadow-xl'>
+        <div className='relative mx-auto my-12 h-[60vh] w-full overflow-hidden rounded-2xl shadow-xl'>
           <Image
             src={cover_image ?? event1}
             alt={name}

diff --git a/frontend/src/sections/EventSection/EventCard.tsx b/frontend/src/sections/EventSection/EventCard.tsx
@@ -51,7 +51,8 @@ const EventCard: React.FC<EventProps> = ({
           className='rounded-t-lg'
           style={{
             maxWidth: '100%',
-            height: 'auto',
+            height: '100%',
+            objectFit: 'cover',
           }}
         />
       </div>