From 76aa9200f77e50e242a490ed2bee3ed16a0dc1b0 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Mon, 7 Jul 2025 13:25:44 +0530
Subject: [PATCH] added Breadcrumb for image gallary

---
 src/pages/Gallary/ImageGallary.jsx | 9 ++++++++-
 src/pages/Gallary/ImageGallery.css | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/Gallary/ImageGallary.jsx b/src/pages/Gallary/ImageGallary.jsx
index 1cd42476..90865a9b 100644
--- a/src/pages/Gallary/ImageGallary.jsx
+++ b/src/pages/Gallary/ImageGallary.jsx
@@ -8,6 +8,7 @@ import ImagePop from "./ImagePop";
 import Avatar from "../../components/common/Avatar";
 import DateRangePicker from "../../components/common/DateRangePicker";
 import eventBus from "../../services/eventBus";
+import Breadcrumb from "../../components/common/Breadcrumb";
 
 const PAGE_SIZE = 10;
 const SCROLL_THRESHOLD = 5;
@@ -436,7 +437,13 @@ const ImageGallery = () => {
   );
 
   return (
-    <div className={`gallery-container ${isFilterPanelOpen ? "filter-panel-open-end" : ""}`}>
+    <div className={`gallery-container container-fluid ${ isFilterPanelOpen ? "filter-panel-open-end" : "" }`}>
+       <Breadcrumb
+          data={[
+            { label: "Home", link: "/" },
+            { label: "Gallary", link: null },
+          ]}
+      ></Breadcrumb>
       <div className="main-content">
         <button
           className={`filter-button btn-primary ${isFilterPanelOpen ? "closed-icon" : ""}`}
diff --git a/src/pages/Gallary/ImageGallery.css b/src/pages/Gallary/ImageGallery.css
index eb9b4f7c..55c9b625 100644
--- a/src/pages/Gallary/ImageGallery.css
+++ b/src/pages/Gallary/ImageGallery.css
@@ -1,7 +1,7 @@
 .gallery-container {
   display: grid;
   gap: 4px;
-  padding: 25px;
+  /* padding: 25px; */
   font-family: sans-serif;
   box-sizing: border-box;
   transition: grid-template-columns 0.3s ease-in-out;