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

@ -45,14 +45,14 @@ const ProjectNav = ({ onPillClick, activePill }) => {
{ 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>
); );
}; };