File tree Expand file tree Collapse file tree 1 file changed +15
-15
lines changed
frontend/src/components/Event Expand file tree Collapse file tree 1 file changed +15
-15
lines changed Original file line number Diff line number Diff line change @@ -36,22 +36,22 @@ export default function EventsCarousel() {
3636 >
3737 { events . map ( ( event , index ) => (
3838 < div key = { index } className = "w-full text-center" >
39- < a href = { event . link } target = "_blank" rel = "noopener noreferrer" className = "relative block w-full h-64 group transition-opacity duration-3000" >
40- < img
41- src = { event . image }
42- alt = { event . title }
43- className = "w-full h-64 object-contain rounded-md"
44- />
45- < 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" >
46- < div className = "text-white text-center p-4" >
47- < h2 className = "font-extrabold text-xl mb-2" > { event . title } </ h2 >
48- < h3 className = "font-bold text-lg" > { event . location } </ h3 >
49- < p className = "mt-2" >
50- { formatEventDate ( event . startTime , event . endTime ) }
51- </ p >
39+ < a href = { event . link } target = "_blank" rel = "noopener noreferrer" className = "relative block w-full h-64 group transition-opacity duration-3000" >
40+ < img
41+ src = { event . image }
42+ alt = { event . title }
43+ className = "w-full h-64 object-contain rounded-md"
44+ />
45+ < 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" >
46+ < div className = "text-white text-center p-4" >
47+ < h2 className = "font-extrabold text-xl mb-2" > { event . title } </ h2 >
48+ < h3 className = "font-bold text-lg" > { event . location } </ h3 >
49+ < p className = "mt-2" >
50+ { formatEventDate ( event . startTime , event . endTime ) }
51+ </ p >
52+ </ div >
5253 </ div >
53- </ div >
54- </ a >
54+ </ a >
5555 </ div >
5656 ) ) }
5757 </ Carousel >
You can’t perform that action at this time.
0 commit comments