Formatting fix

csesoc · Oct 18, 2024 · 91a1b10 · 91a1b10
1 parent 7f9d647
commit 91a1b10
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/frontend/src/components/Event/EventsCarousel.tsx b/frontend/src/components/Event/EventsCarousel.tsx
@@ -36,22 +36,22 @@ export default function EventsCarousel() {
     >
       {events.map((event, index) => (
         <div key={index} className="w-full text-center">
-        <a href={event.link} target="_blank" rel="noopener noreferrer" className="relative block w-full h-64 group transition-opacity duration-3000">
-          <img
-            src={event.image}
-            alt={event.title}
-            className="w-full h-64 object-contain rounded-md"
-          />
-          <div className="w-full h-64 absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center rounded-md">
-            <div className="text-white text-center p-4">
-              <h2 className="font-extrabold text-xl mb-2">{event.title}</h2>
-              <h3 className="font-bold text-lg">{event.location}</h3>
-              <p className="mt-2">
-                {formatEventDate(event.startTime, event.endTime)}
-              </p>
+          <a href={event.link} target="_blank" rel="noopener noreferrer" className="relative block w-full h-64 group transition-opacity duration-3000">
+            <img
+              src={event.image}
+              alt={event.title}
+              className="w-full h-64 object-contain rounded-md"
+            />
+            <div className="w-full h-64 absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center rounded-md">
+              <div className="text-white text-center p-4">
+                <h2 className="font-extrabold text-xl mb-2">{event.title}</h2>
+                <h3 className="font-bold text-lg">{event.location}</h3>
+                <p className="mt-2">
+                  {formatEventDate(event.startTime, event.endTime)}
+                </p>
+              </div>
             </div>
-          </div>
-        </a>
+          </a>
         </div>
       ))}
     </Carousel>