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

In ProjectNav.jsx and AttendancePage.jsx, remove inline CSS font-size styles and replace them with Bootstrap classes. #247

Merged
pramod.mahajan merged 1 commits from Kartik_Bug#725 into Issues_July_2W 2025-07-11 05:36:38 +00:00
Conversation 0 Commits 1 Files Changed 2 +8 -16
2 changed files with 8 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,39 +14,36 @@ const ProjectNav = ({ onPillClick, activePill }) => {
<ul className="nav nav-tabs "> <ul className="nav nav-tabs ">
<li className="nav-item"> <li className="nav-item">
<a <a
className={`nav-link ${activePill === "profile" ? "active" : ""}`} className={`nav-link ${activePill === "profile" ? "active" : ""} fs-6`}
href="#" href="#"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); // Prevent page reload e.preventDefault(); // Prevent page reload
onPillClick("profile"); onPillClick("profile");
}} }}
style={{ fontSize: '1rem' }}
> >
<i className="bx bx-user bx-sm me-1_5"></i> <span className="d-none d-md-inline">Profile</span> <i className="bx bx-user bx-sm me-1_5"></i> <span className="d-none d-md-inline">Profile</span>
</a> </a>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<a <a
className={`nav-link ${activePill === "teams" ? "active" : ""}`} className={`nav-link ${activePill === "teams" ? "active" : ""}fs-6`}
href="#" href="#"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); // Prevent page reload e.preventDefault(); // Prevent page reload
onPillClick("teams"); onPillClick("teams");
}} }}
style={{ fontSize: '1rem' }}
> >
<i className="bx bx-group bx-sm me-1_5"></i><span className="d-none d-md-inline" > Teams</span> <i className="bx bx-group bx-sm me-1_5"></i><span className="d-none d-md-inline" > Teams</span>
</a> </a>
</li> </li>
<li className={`nav-item ${!HasViewInfraStructure && "d-none"} `}> <li className={`nav-item ${!HasViewInfraStructure && "d-none"} `}>
<a <a
className={`nav-link ${activePill === "infra" ? "active" : ""}`} className={`nav-link ${activePill === "infra" ? "active" : ""} fs-6`}
href="#" href="#"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); // Prevent page reload e.preventDefault(); // Prevent page reload
onPillClick("infra"); onPillClick("infra");
}} }}
style={{ fontSize: '1rem' }}
> >
<i className="bx bx-grid-alt bx-sm me-1_5"></i> <span className="d-none d-md-inline">Infrastructure</span> <i className="bx bx-grid-alt bx-sm me-1_5"></i> <span className="d-none d-md-inline">Infrastructure</span>
</a> </a>
@ -69,13 +66,12 @@ const ProjectNav = ({ onPillClick, activePill }) => {
<a <a
className={`nav-link ${ className={`nav-link ${
activePill === "imagegallary" ? "active" : "" activePill === "imagegallary" ? "active" : ""
}`} }fs-6`}
href="#" href="#"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); // Prevent page reload e.preventDefault(); // Prevent page reload
onPillClick("imagegallary"); onPillClick("imagegallary");
}} }}
style={{ fontSize: '1rem' }}
> >
<i className="bx bxs-file-image bx-sm me-1_5"></i> <span className="d-none d-md-inline">Image Gallary</span> <i className="bx bxs-file-image bx-sm me-1_5"></i> <span className="d-none d-md-inline">Image Gallary</span>
</a> </a>
@ -83,13 +79,12 @@ const ProjectNav = ({ onPillClick, activePill }) => {
{(DirAdmin || DireManager || DirUser) && ( {(DirAdmin || DireManager || DirUser) && (
<li className="nav-item"> <li className="nav-item">
<a <a
className={`nav-link ${activePill === "directory" ? "active" : ""}`} className={`nav-link ${activePill === "directory" ? "active" : ""} fs-6`}
href="#" href="#"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); // Prevent page reload e.preventDefault(); // Prevent page reload
onPillClick("directory"); onPillClick("directory");
}} }}
style={{ fontSize: '1rem' }}
> >
<i className='bx bxs-contact bx-sm me-1_5'></i> <span className="d-none d-md-inline">Directory</span> <i className='bx bxs-contact bx-sm me-1_5'></i> <span className="d-none d-md-inline">Directory</span>
</a> </a>

9
src/pages/Activities/AttendancePage.jsx
View File

@ -233,11 +233,10 @@ const AttendancePage = () => {
<li className="nav-item"> <li className="nav-item">
<button <button
type="button" type="button"
className={`nav-link ${activeTab === "all" ? "active" : ""}`} className={`nav-link ${activeTab === "all" ? "active" : ""} fs-6`}
onClick={() => setActiveTab("all")} onClick={() => setActiveTab("all")}
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#navs-top-home" data-bs-target="#navs-top-home"
style={{ fontSize: '1rem' }}
> >
Today's Today's
</button> </button>
@ -245,11 +244,10 @@ const AttendancePage = () => {
<li className="nav-item"> <li className="nav-item">
<button <button
type="button" type="button"
className={`nav-link ${activeTab === "logs" ? "active" : ""}`} className={`nav-link ${activeTab === "logs" ? "active" : ""} fs-6`}
onClick={() => setActiveTab("logs")} onClick={() => setActiveTab("logs")}
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#navs-top-profile" data-bs-target="#navs-top-profile"
style={{ fontSize: '1rem' }}
> >
Logs Logs
</button> </button>
@ -259,11 +257,10 @@ const AttendancePage = () => {
type="button" type="button"
className={`nav-link ${ className={`nav-link ${
activeTab === "regularization" ? "active" : "" activeTab === "regularization" ? "active" : ""
}`} } fs-6`}
onClick={() => setActiveTab("regularization")} onClick={() => setActiveTab("regularization")}
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#navs-top-messages" data-bs-target="#navs-top-messages"
style={{ fontSize: '1rem' }}
> >
Regularization Regularization
</button> </button>