From 1e25e2d1adf3f317ec8c41ab55b2a4b336ee176f Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Tue, 23 Sep 2025 11:38:28 +0530
Subject: [PATCH] set ImageGallery filter minheight.

---
 src/pages/ImageGallery/ImageGalleryPage.jsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/pages/ImageGallery/ImageGalleryPage.jsx b/src/pages/ImageGallery/ImageGalleryPage.jsx
index e5e9b52d..74d50208 100644
--- a/src/pages/ImageGallery/ImageGalleryPage.jsx
+++ b/src/pages/ImageGallery/ImageGalleryPage.jsx
@@ -190,7 +190,12 @@ const ImageGalleryPage = () => {
 
       {/* Card wrapper */}
       <div className="card shadow-sm">
-        <div className="card-body">
+        <div
+          className="card-body"
+          style={{
+            minHeight: (!images?.length && !isLoading) ? "500px" : "auto",
+          }}
+        >
           <div className="dataTables_length text-start py-1 px-0 col-md-4 col-12 mb-3">
             {!servicesLoading && assignedServices?.length > 0 && (
               assignedServices.length > 1 ? (
@@ -218,12 +223,10 @@ const ImageGalleryPage = () => {
             )}
           </div>
 
-          {/* Filter Chips */}
           {/* Filter Chips */}
           {appliedFiltersChips.length > 0 && (
             <div className="mb-3 d-flex flex-wrap gap-2 align-items-center">
               <strong className="me-2">Filters:</strong>
-
               {["Building", "Floor", "Work Area", "Activity", "Uploaded By", "Work Category"].map((label) => {
                 const chips = appliedFiltersChips.filter(c => c.label === label);
                 if (!chips.length) return null;
@@ -231,7 +234,10 @@ const ImageGalleryPage = () => {
                   <div key={label} className="d-flex align-items-center gap-1">
                     <strong>{label}:</strong>
                     {chips.map(chip => (
-                      <span key={chip.id} className="d-flex align-items-center bg-label-secondary px-2 py-1 rounded">
+                      <span
+                        key={chip.id}
+                        className="d-flex align-items-center bg-label-secondary px-2 py-1 rounded"
+                      >
                         {chip.value}
                         <button
                           type="button"
@@ -262,6 +268,7 @@ const ImageGalleryPage = () => {
               )}
             </div>
           )}
+
           {/* Gallery */}
           {isLoading ? (
             <ImageGallerySkeleton count={4} />
@@ -277,7 +284,6 @@ const ImageGalleryPage = () => {
               moment={moment}
             />
           )}
-
         </div>
       </div>
     </div>