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>
{/* Item Rows */}
{/* Item Rows - FIXED IMAGE STYLING */}
<div className="space-y-6">
{filteredItems().length === 0 ? (
<div className="text-center py-8">
@ -398,10 +398,10 @@ const MedicalEventsComponent = () => {
onClick={() => navigateToDetail(item)}
>
<div className="flex flex-col md:flex-row gap-4">
{/* Images Section */}
<div className="flex flex-col sm:flex-row gap-1 md:w-auto">
{/* Main image */}
<div className="w-full sm:w-48 h-32 md:h-30 flex-shrink-0 rounded-xs overflow-hidden relative">
{/* Images Section - FIXED */}
<div className="flex flex-col sm:flex-row gap-1 w-full md:w-auto">
{/* Main image - FIXED HEIGHT */}
<div className="w-full sm:w-48 h-32 md:h-32 flex-shrink-0 rounded-sm overflow-hidden relative">
<img
src={getSafeImageUrl(item.mainImage, "https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=400&h=200&fit=crop")}
alt={item.title}
@ -421,11 +421,11 @@ const MedicalEventsComponent = () => {
</div>
</div>
{/* Gallery grid - only for events */}
{/* Gallery grid - only for events - FIXED HEIGHT */}
{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) => (
<div key={index} className="rounded-xs overflow-hidden">
<div key={index} className="rounded-sm overflow-hidden">
<img
src={img}
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"
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
src={getSafeImageUrl(event.mainImage, "https://images.unsplash.com/photo-1551601651-2a8555f1a136?w=300&h=200&fit=crop")}
alt={event.title}