✏️ fix sidebar navigation

This commit is contained in:
sam 2025-02-24 14:24:27 +08:00
parent 2c74e05dd7
commit 93191ac4a0
4 changed files with 7 additions and 7 deletions

View File

@ -38,7 +38,7 @@ const SungrowInverters = (props: Props) => {
return ( return (
<div> <div>
{loading ? <p>Loading...</p> : ( {loading ? <p>Loading...</p> : (
<PanelCodeHighlight title="Chint Sites"> <PanelCodeHighlight title="Chint Inverters">
<div className="table-responsive mb-5"> <div className="table-responsive mb-5">
<table> <table>
<thead> <thead>

View File

@ -103,7 +103,7 @@ const Sidebar = () => {
<Link href="#" className="nav-link group"> <Link href="#" className="nav-link group">
<div className="flex items-center"> <div className="flex items-center">
<IconMenuComponents className="shrink-0 group-hover:!text-primary" /> <IconMenuComponents className="shrink-0 group-hover:!text-primary" />
<span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Chint</span> <span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Sungrow</span>
</div> </div>
</Link> </Link>
</li> </li>
@ -118,10 +118,10 @@ const Sidebar = () => {
</li> </li>
<li className="menu nav-item"> <li className="menu nav-item">
<button type="button" className={`${currentMenu === 'sungrow' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('sungrow')}> <button type="button" className={`${currentMenu === 'chint' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('chint')}>
<div className="flex items-center"> <div className="flex items-center">
<IconMenuComponents className="shrink-0 group-hover:!text-primary" /> <IconMenuComponents className="shrink-0 group-hover:!text-primary" />
<span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Sungrow</span> <span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Chint</span>
</div> </div>
<div className={currentMenu !== 'component' ? '-rotate-90 rtl:rotate-90' : ''}> <div className={currentMenu !== 'component' ? '-rotate-90 rtl:rotate-90' : ''}>
@ -129,13 +129,13 @@ const Sidebar = () => {
</div> </div>
</button> </button>
<AnimateHeight duration={300} height={currentMenu === 'sungrow' ? 'auto' : 0}> <AnimateHeight duration={300} height={currentMenu === 'chint' ? 'auto' : 0}>
<ul className="sub-menu text-gray-500"> <ul className="sub-menu text-gray-500">
<li> <li>
<Link href="/sungrow/sites">Sites</Link> <Link href="/chint/sites">Sites</Link>
</li> </li>
<li> <li>
<Link href="/sungrow/inverters">Inverters</Link> <Link href="/chint/inverters">Inverters</Link>
</li> </li>
</ul> </ul>
</AnimateHeight> </AnimateHeight>