mukeshs/cmc_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes on 19-11-2025

Browse Source
This commit is contained in:
mukeshs
2025-11-19 16:23:23 +05:30
parent a3518a82c1
commit 624504535a
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/events/MedicalEventsComponent.tsx
View File

@ -380,7 +380,7 @@ const MedicalEventsComponent = () => {
</div> </div>
</div> </div>
{/* Item Rows */} {/* Item Rows - FIXED IMAGE STYLING */}
<div className="space-y-6"> <div className="space-y-6">
{filteredItems().length === 0 ? ( {filteredItems().length === 0 ? (
<div className="text-center py-8"> <div className="text-center py-8">
@ -398,10 +398,10 @@ const MedicalEventsComponent = () => {
onClick={() => navigateToDetail(item)} onClick={() => navigateToDetail(item)}
> >
<div className="flex flex-col md:flex-row gap-4"> <div className="flex flex-col md:flex-row gap-4">
{/* Images Section */} {/* Images Section - FIXED */}
<div className="flex flex-col sm:flex-row gap-1 md:w-auto"> <div className="flex flex-col sm:flex-row gap-1 w-full md:w-auto">
{/* Main image */} {/* Main image - FIXED HEIGHT */}
<div className="w-full sm:w-48 h-32 md:h-30 flex-shrink-0 rounded-xs overflow-hidden relative"> <div className="w-full sm:w-48 h-32 md:h-32 flex-shrink-0 rounded-sm overflow-hidden relative">
<img <img
src={getSafeImageUrl(item.mainImage, "https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=400&h=200&fit=crop")} src={getSafeImageUrl(item.mainImage, "https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=400&h=200&fit=crop")}
alt={item.title} alt={item.title}
@ -421,11 +421,11 @@ const MedicalEventsComponent = () => {
</div> </div>
</div> </div>
{/* Gallery grid - only for events */} {/* Gallery grid - only for events - FIXED HEIGHT */}
{showGallery && ( {showGallery && (
<div className="grid grid-cols-2 gap-1 w-full sm:w-60 h-32 md:h-30"> <div className="grid grid-cols-2 gap-1 w-full sm:w-60 h-32 md:h-32">
{galleryImages.map((img, index) => ( {galleryImages.map((img, index) => (
<div key={index} className="rounded-xs overflow-hidden"> <div key={index} className="rounded-sm overflow-hidden">
<img <img
src={img} src={img}
alt={`${item.title} gallery ${index + 1}`} alt={`${item.title} gallery ${index + 1}`}
@ -490,7 +490,7 @@ const MedicalEventsComponent = () => {
className="cursor-pointer hover:bg-gray-50 p-2 rounded-lg transition-colors" className="cursor-pointer hover:bg-gray-50 p-2 rounded-lg transition-colors"
onClick={() => router.push(`/event-detail/${event.id}`)} onClick={() => router.push(`/event-detail/${event.id}`)}
> >
<div className="w-full h-32 lg:h-28 mb-3 overflow-hidden rounded-xs"> <div className="w-full h-32 lg:h-28 mb-3 overflow-hidden rounded-sm">
<img <img
src={getSafeImageUrl(event.mainImage, "https://images.unsplash.com/photo-1551601651-2a8555f1a136?w=300&h=200&fit=crop")} src={getSafeImageUrl(event.mainImage, "https://images.unsplash.com/photo-1551601651-2a8555f1a136?w=300&h=200&fit=crop")}
alt={event.title} alt={event.title}