Adding Table-respnsive in projectNav.

This commit is contained in:
Kartik Sharma 2025-10-15 11:33:09 +05:30
parent dec15278fa
commit 0b02531909

View File

@ -40,19 +40,19 @@ 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="table-responsive">
<div className="nav-align-top"> <div className="nav-align-top">
<ul className="nav nav-tabs"> <ul className="nav nav-tabs">
{ProjectTab?.filter((tab) => !tab.hidden)?.map((tab) => ( {ProjectTab?.filter((tab) => !tab.hidden)?.map((tab) => (
<li key={tab.key} className="nav-item cursor-pointer"> <li key={tab.key} className="nav-item cursor-pointer">
<a <a
className={`nav-link ${ className={`nav-link ${activePill === tab.key ? "active cursor-pointer" : ""
activePill === tab.key ? "active cursor-pointer" : ""
} fs-6`} } fs-6`}
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
@ -66,6 +66,7 @@ const ProjectNav = ({ onPillClick, activePill }) => {
))} ))}
</ul> </ul>
</div> </div>
</div>
); );
}; };