admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

added Breadcrumb for image gallary

Browse Source
This commit is contained in:
Pramod Mahajan 2025-07-07 13:25:44 +05:30
parent 287d116609
commit 76aa9200f7
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/Gallary/ImageGallary.jsx
View File

@ -8,6 +8,7 @@ import ImagePop from "./ImagePop";
import Avatar from "../../components/common/Avatar"; import Avatar from "../../components/common/Avatar";
import DateRangePicker from "../../components/common/DateRangePicker"; import DateRangePicker from "../../components/common/DateRangePicker";
import eventBus from "../../services/eventBus"; import eventBus from "../../services/eventBus";
import Breadcrumb from "../../components/common/Breadcrumb";
const PAGE_SIZE = 10; const PAGE_SIZE = 10;
const SCROLL_THRESHOLD = 5; const SCROLL_THRESHOLD = 5;
@ -436,7 +437,13 @@ const ImageGallery = () => {
); );
return ( 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"> <div className="main-content">
<button <button
className={`filter-button btn-primary ${isFilterPanelOpen ? "closed-icon" : ""}`} className={`filter-button btn-primary ${isFilterPanelOpen ? "closed-icon" : ""}`}

2
src/pages/Gallary/ImageGallery.css
View File

@ -1,7 +1,7 @@
.gallery-container { .gallery-container {
display: grid; display: grid;
gap: 4px; gap: 4px;
padding: 25px; /* padding: 25px; */
font-family: sans-serif; font-family: sans-serif;
box-sizing: border-box; box-sizing: border-box;
transition: grid-template-columns 0.3s ease-in-out; transition: grid-template-columns 0.3s ease-in-out;