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

Adding Table-respnsive in projectNav.

Browse Source
This commit is contained in:
Kartik Sharma 2025-10-15 11:33:09 +05:30
parent dec15278fa
commit 0b02531909
1 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/Project/ProjectNav.jsx
View File

@ -40,31 +40,32 @@ const ProjectNav = ({ onPillClick, activePill }) => {
label: "Directory", label: "Directory",
hidden: !(DirAdmin || DireManager || DirUser), hidden: !(DirAdmin || DireManager || DirUser),
}, },
{ key: "documents", icon: "bx bx-folder-open", label: "Documents",hidden:!(isViewDocuments || isModifyDocument || isUploadDocument) }, { key: "documents", icon: "bx bx-folder-open", label: "Documents", hidden: !(isViewDocuments || isModifyDocument || isUploadDocument) },
{ key: "organization", icon: "bx bx-buildings", label: "Organization"}, { key: "organization", icon: "bx bx-buildings", label: "Organization" },
{ key: "setting", icon: "bx bxs-cog", label: "Setting",hidden:!isManageTeam }, { key: "setting", icon: "bx bxs-cog", label: "Setting", hidden: !isManageTeam },
]; ];
return ( return (
<div className="nav-align-top"> <div className="table-responsive">
<ul className="nav nav-tabs"> <div className="nav-align-top">
{ProjectTab?.filter((tab) => !tab.hidden)?.map((tab) => ( <ul className="nav nav-tabs">
<li key={tab.key} className="nav-item cursor-pointer"> {ProjectTab?.filter((tab) => !tab.hidden)?.map((tab) => (
<a <li key={tab.key} className="nav-item cursor-pointer">
<a
className={`nav-link ${
activePill === tab.key ? "active cursor-pointer" : "" className={`nav-link ${activePill === tab.key ? "active cursor-pointer" : ""
} fs-6`} } fs-6`}
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
onPillClick(tab.key); onPillClick(tab.key);
}} }}
> >
<i className={`${tab.icon} bx-sm me-1_5`}></i> <i className={`${tab.icon} bx-sm me-1_5`}></i>
<span className="d-none d-md-inline ">{tab.label}</span> <span className="d-none d-md-inline ">{tab.label}</span>
</a> </a>
</li> </li>
))} ))}
</ul> </ul>
</div>
</div> </div>
); );
}; };