header cleanup

This commit is contained in:
CHIEFSOFT\ameye
2024-12-05 20:00:01 -05:00
parent 19ae527808
commit cab73be4d0
2 changed files with 128 additions and 128 deletions
+123 -123
View File
@@ -7,9 +7,9 @@ export default function UserHeader(){
<nav className="navbar navbar-expand-md"> <nav className="navbar navbar-expand-md">
<div className="navbar-header d-flex align-items-center"> <div className="navbar-header d-flex align-items-center">
<a href="#" className="mobile-toggle"><i className="ti ti-align-right"></i></a> <a href="#" className="mobile-toggle"><i className="ti ti-align-right"></i></a>
<a className="navbar-brand" href="index.html"> <a className="navbar-brand" href="/dash">
<img src="./../assets/img/logo-light.png" className="img-fluid logo-desktop" alt="logo"/> <img src="../assets/img/logo-light.png" className="img-fluid logo-desktop" alt="logo"/>
<img src="./../assets/img/logo-icon.png" className="img-fluid logo-mobile" alt="logo"/> <img src="../assets/img/logo-icon.png" className="img-fluid logo-mobile" alt="logo"/>
</a> </a>
</div> </div>
<button className="navbar-toggler" type="button" data-toggle="collapse" <button className="navbar-toggler" type="button" data-toggle="collapse"
@@ -133,126 +133,126 @@ export default function UserHeader(){
{/* </ul>*/} {/* </ul>*/}
{/* </div>*/} {/* </div>*/}
{/*</li>*/} {/*</li>*/}
<li className="nav-item dropdown"> {/*<li className="nav-item dropdown">*/}
<a className="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown3" {/* <a className="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown3"*/}
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {/* role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">*/}
<i className="fe fe-bell"></i> {/* <i className="fe fe-bell"></i>*/}
<span className="notify"> {/* <span className="notify">*/}
<span className="blink"></span> {/* <span className="blink"></span>*/}
<span className="dot"></span> {/* <span className="dot"></span>*/}
</span> {/* </span>*/}
</a> {/* </a>*/}
<div className="dropdown-menu extended animated fadeIn" aria-labelledby="navbarDropdown"> {/* <div className="dropdown-menu extended animated fadeIn" aria-labelledby="navbarDropdown">*/}
<ul> {/* <ul>*/}
<li className="dropdown-header bg-gradient p-4 text-white text-left">Notifications {/* <li className="dropdown-header bg-gradient p-4 text-white text-left">Notifications*/}
<a href="#" className="float-right btn btn-square btn-inverse-light btn-xs m-0"> {/* <a href="#" className="float-right btn btn-square btn-inverse-light btn-xs m-0">*/}
<span className="font-13"> Clear all</span></a> {/* <span className="font-13"> Clear all</span></a>*/}
</li> {/* </li>*/}
<li className="dropdown-body min-h-240 nicescroll"> {/* <li className="dropdown-body min-h-240 nicescroll">*/}
<ul className="scrollbar scroll_dark max-h-240"> {/* <ul className="scrollbar scroll_dark max-h-240">*/}
<li> {/* <li>*/}
<a href="javascript:void(0)"> {/* <a href="javascript:void(0)">*/}
<div className="notification d-flex flex-row align-items-center"> {/* <div className="notification d-flex flex-row align-items-center">*/}
<div className="notify-icon bg-img align-self-center"> {/* <div className="notify-icon bg-img align-self-center">*/}
<div className="bg-type bg-type-md"> {/* <div className="bg-type bg-type-md">*/}
<span>HY</span> {/* <span>HY</span>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
<div className="notify-message"> {/* <div className="notify-message">*/}
<p className="font-weight-bold">New registered user</p> {/* <p className="font-weight-bold">New registered user</p>*/}
<small>Just now</small> {/* <small>Just now</small>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
</a> {/* </a>*/}
</li> {/* </li>*/}
<li> {/* <li>*/}
<a href="javascript:void(0)"> {/* <a href="javascript:void(0)">*/}
<div className="notification d-flex flex-row align-items-center"> {/* <div className="notification d-flex flex-row align-items-center">*/}
<div className="notify-icon bg-img align-self-center"> {/* <div className="notify-icon bg-img align-self-center">*/}
<div className="bg-type bg-type-md bg-success"> {/* <div className="bg-type bg-type-md bg-success">*/}
<span>GM</span> {/* <span>GM</span>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
<div className="notify-message"> {/* <div className="notify-message">*/}
<p className="font-weight-bold">New invoice received</p> {/* <p className="font-weight-bold">New invoice received</p>*/}
<small>22 min</small> {/* <small>22 min</small>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
</a> {/* </a>*/}
</li> {/* </li>*/}
<li> {/* <li>*/}
<a href="javascript:void(0)"> {/* <a href="javascript:void(0)">*/}
<div className="notification d-flex flex-row align-items-center"> {/* <div className="notification d-flex flex-row align-items-center">*/}
<div className="notify-icon bg-img align-self-center"> {/* <div className="notify-icon bg-img align-self-center">*/}
<div className="bg-type bg-type-md bg-danger"> {/* <div className="bg-type bg-type-md bg-danger">*/}
<span>FR</span> {/* <span>FR</span>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
<div className="notify-message"> {/* <div className="notify-message">*/}
<p className="font-weight-bold">Server error report</p> {/* <p className="font-weight-bold">Server error report</p>*/}
<small>7 min</small> {/* <small>7 min</small>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
</a> {/* </a>*/}
</li> {/* </li>*/}
<li> {/* <li>*/}
<a href="javascript:void(0)"> {/* <a href="javascript:void(0)">*/}
<div className="notification d-flex flex-row align-items-center"> {/* <div className="notification d-flex flex-row align-items-center">*/}
<div className="notify-icon bg-img align-self-center"> {/* <div className="notify-icon bg-img align-self-center">*/}
<div className="bg-type bg-type-md bg-info"> {/* <div className="bg-type bg-type-md bg-info">*/}
<span>HT</span> {/* <span>HT</span>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
<div className="notify-message"> {/* <div className="notify-message">*/}
<p className="font-weight-bold">Database report</p> {/* <p className="font-weight-bold">Database report</p>*/}
<small>1 day</small> {/* <small>1 day</small>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
</a> {/* </a>*/}
</li> {/* </li>*/}
<li> {/* <li>*/}
<a href="javascript:void(0)"> {/* <a href="javascript:void(0)">*/}
<div className="notification d-flex flex-row align-items-center"> {/* <div className="notification d-flex flex-row align-items-center">*/}
<div className="notify-icon bg-img align-self-center"> {/* <div className="notify-icon bg-img align-self-center">*/}
<div className="bg-type bg-type-md"> {/* <div className="bg-type bg-type-md">*/}
<span>DE</span> {/* <span>DE</span>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
<div className="notify-message"> {/* <div className="notify-message">*/}
<p className="font-weight-bold">Order confirmation</p> {/* <p className="font-weight-bold">Order confirmation</p>*/}
<small>2 day</small> {/* <small>2 day</small>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
</a> {/* </a>*/}
</li> {/* </li>*/}
</ul> {/* </ul>*/}
</li> {/* </li>*/}
<li className="dropdown-footer"> {/* <li className="dropdown-footer">*/}
<a className="font-13" href="javascript:void(0)"> View All Notifications {/* <a className="font-13" href="javascript:void(0)"> View All Notifications*/}
</a> {/* </a>*/}
</li> {/* </li>*/}
</ul> {/* </ul>*/}
</div> {/* </div>*/}
</li> {/*</li>*/}
<li className="nav-item"> {/*<li className="nav-item">*/}
<a className="nav-link search" href="javascript:void(0)"> {/* <a className="nav-link search" href="javascript:void(0)">*/}
<i className="ti ti-search"></i> {/* <i className="ti ti-search"></i>*/}
</a> {/* </a>*/}
<div className="search-wrapper"> {/* <div className="search-wrapper">*/}
<div className="close-btn"> {/* <div className="close-btn">*/}
<i className="ti ti-close"></i> {/* <i className="ti ti-close"></i>*/}
</div> {/* </div>*/}
<div className="search-content"> {/* <div className="search-content">*/}
<form> {/* <form>*/}
<div className="form-group"> {/* <div className="form-group">*/}
<i className="ti ti-search magnifier"></i> {/* <i className="ti ti-search magnifier"></i>*/}
<input type="text" className="form-control autocomplete" placeholder="Search Here" {/* <input type="text" className="form-control autocomplete" placeholder="Search Here"*/}
id="autocomplete-ajax" autoFocus="autofocus" /> {/* id="autocomplete-ajax" autoFocus="autofocus" />*/}
</div> {/* </div>*/}
</form> {/* </form>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
</li> {/*</li>*/}
<li className="nav-item dropdown user-profile"> <li className="nav-item dropdown user-profile">
<a href="javascript:void(0)" className="nav-link dropdown-toggle " id="navbarDropdown4" <a href="javascript:void(0)" className="nav-link dropdown-toggle " id="navbarDropdown4"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+5 -5
View File
@@ -20,20 +20,20 @@ export default function UserMenu() {
</ul> </ul>
</li> </li>
<li><a href="app-chat.html" aria-expanded="false"><i className="nav-icon ti ti-comment"></i><span <li><a href="/dash" aria-expanded="false"><i className="nav-icon ti ti-comment"></i><span
className="nav-title">Chat</span></a></li> className="nav-title">Reports</span></a></li>
<li><a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i <li><a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-calendar"></i><span className="nav-title">Account</span></a> className="nav-icon ti ti-calendar"></i><span className="nav-title">Account</span></a>
<ul aria-expanded="false"> <ul aria-expanded="false">
<li><a href='calendar-full.html'>Users</a></li> <li><a href='/dash'>Users</a></li>
<li><a href='calendar-list.html'>Settings</a></li> <li><a href='/dash'>Settings</a></li>
</ul> </ul>
</li> </li>
<li className="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded"> <li className="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
<h5 className="text-white mb-1">MERMS Panel</h5> <h5 className="text-white mb-1">MERMS Panel</h5>
<a className="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Log Out</a> <a className="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="/"> Log Out</a>
</li> </li>
</ul> </ul>
</div> </div>