MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

aside bar inner menu drop down fixed

Browse Source
This commit is contained in:
victorAnumudu
2024-12-06 09:43:04 +01:00
parent 4b63384092
commit 387b985946
2 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/layout/layoutcom/UserMenu.jsx
+12 -7
View File
@@ -10,12 +10,12 @@ export default function UserMenu() {
<ul className="metismenu " id="sidebarNav"> <ul className="metismenu " id="sidebarNav">
<li className="nav-static-title">Panel</li> <li className="nav-static-title">Panel</li>
<li className={`${pathname == siteLinks.dash ? 'active' : ''}`}> <li className={`${pathname == siteLinks.dash ? 'active' : ''}`}>
<Link className="has-arrow" to='#' aria-expanded="false"> <Link className="has-arrow" to='#' data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<i className="nav-icon ti ti-rocket"></i> <i className="nav-icon ti ti-rocket"></i>
<span className="nav-title">Dashboard</span> <span className="nav-title">Dashboard</span>
{/* <span className="nav-label label label-danger">9</span> */} {/* <span className="nav-label label label-danger">9</span> */}
</Link> </Link>
<ul aria-expanded="false"> <ul id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#sidebarNav">
<li className={`${pathname == siteLinks.dash ? 'active' : ''}`}><Link to={siteLinks.dash}>Home</Link></li> <li className={`${pathname == siteLinks.dash ? 'active' : ''}`}><Link to={siteLinks.dash}>Home</Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Calendar</Link></li> <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Calendar</Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Contacts</Link></li> <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Contacts</Link></li>
@@ -23,11 +23,16 @@ export default function UserMenu() {
</ul> </ul>
</li> </li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link href="/dash" aria-expanded="false"><i className="nav-icon ti ti-comment"></i><span <li className={`${pathname == siteLinks.error ? 'active' : ''}`}>
className="nav-title">Reports</span></Link></li> <Link href="/dash" aria-expanded="false"><i className="nav-icon ti ti-comment">
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link className="has-arrow" to='#' aria-expanded="false"><i </i><span className="nav-title">Reports</span>
className="nav-icon ti ti-calendar"></i><span className="nav-title">Account</span></Link> </Link>
<ul aria-expanded="false"> </li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}>
<Link className="has-arrow" to='#' data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
<i className="nav-icon ti ti-calendar"></i><span className="nav-title">Account</span>
</Link>
<ul id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#sidebarNav">
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Users</Link></li> <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Users</Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Settings</Link></li> <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Settings</Link></li>
</ul> </ul>
src/index.js
+1 -1
View File
@@ -5,7 +5,7 @@ import App from './App';
import { BrowserRouter } from 'react-router-dom'; import { BrowserRouter } from 'react-router-dom';
//import reportWebVitals from './reportWebVitals'; //import reportWebVitals from './reportWebVitals';
import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap/dist/css/bootstrap.css';
// import 'bootstrap/dist/js/bootstrap.min.js' import 'bootstrap/dist/js/bootstrap.min.js'
// import './custom.scss'; // import './custom.scss';
import './css/style.scss'; import './css/style.scss';