From a76e3d1f74934b34ee97e770e3096cb0036d187d Mon Sep 17 00:00:00 2001
From: vishwajeet-13 <vishwajeetthakur403@gmail.com>
Date: Tue, 12 May 2026 12:51:11 +0530
Subject: [PATCH] fix: remove height from banner and added max-height in image

---
 dashboard/src/components/EventDetailsHeader.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/EventDetailsHeader.vue b/dashboard/src/components/EventDetailsHeader.vue
index b6e5d28..67e3815 100644
--- a/dashboard/src/components/EventDetailsHeader.vue
+++ b/dashboard/src/components/EventDetailsHeader.vue
@@ -4,12 +4,12 @@
 		<!-- Banner Image -->
 		<div
 			v-if="eventDetails.banner_image"
-			class="relative w-full h-48 md:h-64 lg:h-80 rounded-lg overflow-hidden mb-6"
+			class="relative w-full rounded-lg overflow-hidden mb-6"
 		>
 			<img
 				:src="eventDetails.banner_image"
 				:alt="eventDetails.title"
-				class="w-full h-auto object-cover contrast-100 brightness-100"
+				class="w-full h-auto max-h-80 object-cover contrast-100 brightness-100"
 			/>
 		</div>