WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

menu fix

Browse Source
This commit is contained in:
Olu Amey
2023-05-05 22:47:06 -04:00
parent 8c39f2ae65
commit 164c528439
1 changed files with 65 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Partials/MobileSideBar.jsx
+65 -65
View File
@@ -116,71 +116,71 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
</span> </span>
</NavLink> </NavLink>
</li> </li>
<li className="item group"> {/*<li className="item group">*/}
<NavLink {/* <NavLink*/}
to="/notification" {/* to="/notification"*/}
className="nav-item flex items-center justify-start space-x-3.5" {/* className="nav-item flex items-center justify-start space-x-3.5"*/}
> {/* >*/}
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white"> {/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white">*/}
<Icons name="notification" /> {/* <Icons name="notification" />*/}
</span> {/* </span>*/}
<span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1"> {/* <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
Messages {/* Messages*/}
</span> {/* </span>*/}
</NavLink> {/* </NavLink>*/}
</li> {/*</li>*/}
<li className="item group"> {/*<li className="item group">*/}
<NavLink {/* <NavLink*/}
to="/my-wallet" {/* to="/my-wallet"*/}
className="nav-item flex items-center justify-start space-x-3.5" {/* className="nav-item flex items-center justify-start space-x-3.5"*/}
> {/* >*/}
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white"> {/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white">*/}
<Icons name="wallet-two" /> {/* <Icons name="wallet-two" />*/}
</span> {/* </span>*/}
<span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1"> {/* <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
My Wallet {/* My Wallet*/}
</span> {/* </span>*/}
</NavLink> {/* </NavLink>*/}
</li> {/*</li>*/}
<li className="item group"> {/*<li className="item group">*/}
<NavLink {/* <NavLink*/}
to="/resources" {/* to="/resources"*/}
className="nav-item flex items-center justify-start space-x-3.5" {/* className="nav-item flex items-center justify-start space-x-3.5"*/}
> {/* >*/}
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white"> {/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white">*/}
<Icons name="star" /> {/* <Icons name="star" />*/}
</span> {/* </span>*/}
<span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1"> {/* <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
Resources {/* Resources*/}
</span> {/* </span>*/}
</NavLink> {/* </NavLink>*/}
</li> {/*</li>*/}
<li className="item group"> {/*<li className="item group">*/}
<NavLink {/* <NavLink*/}
to="/history" {/* to="/history"*/}
className="nav-item flex items-center justify-start space-x-3.5" {/* className="nav-item flex items-center justify-start space-x-3.5"*/}
> {/* >*/}
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white"> {/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white">*/}
<Icons name="history" /> {/* <Icons name="history" />*/}
</span> {/* </span>*/}
<span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1"> {/* <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
History {/* History*/}
</span> {/* </span>*/}
</NavLink> {/* </NavLink>*/}
</li> {/*</li>*/}
<li className="item group"> {/*<li className="item group">*/}
<NavLink {/* <NavLink*/}
to="/referral" {/* to="/referral"*/}
className="nav-item flex items-center justify-start space-x-3.5" {/* className="nav-item flex items-center justify-start space-x-3.5"*/}
> {/* >*/}
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white"> {/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white">*/}
<Icons name="history" /> {/* <Icons name="history" />*/}
</span> {/* </span>*/}
<span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1"> {/* <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
Refer a Friend {/* Refer a Friend*/}
</span> {/* </span>*/}
</NavLink> {/* </NavLink>*/}
</li> {/*</li>*/}
</ul> </ul>
</div> </div>
</div> </div>