aside bar inner menu drop down fixed

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
+12 -7
View File
@@ -10,12 +10,12 @@ export default function UserMenu() {
<ul className="metismenu " id="sidebarNav">
<li className="nav-static-title">Panel</li>
<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>
<span className="nav-title">Dashboard</span>
{/* <span className="nav-label label label-danger">9</span> */}
</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.error ? 'active' : ''}`}><Link to='#'>Calendar</Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Contacts</Link></li>
@@ -23,11 +23,16 @@ export default function UserMenu() {
</ul>
</li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link href="/dash" aria-expanded="false"><i className="nav-icon ti ti-comment"></i><span
className="nav-title">Reports</span></Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link className="has-arrow" to='#' aria-expanded="false"><i
className="nav-icon ti ti-calendar"></i><span className="nav-title">Account</span></Link>
<ul aria-expanded="false">
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}>
<Link href="/dash" aria-expanded="false"><i className="nav-icon ti ti-comment">
</i><span className="nav-title">Reports</span>
</Link>
</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}>Settings</Link></li>
</ul>