click nav when acc summary is open

components/SideNav.tsx

@@ -85,7 +85,7 @@ const SideNav = ({ collapsed, setCollapsed }) => {
             </div>
           </Link>
         </SidebarHeader>
-        <SidebarContent className="relative">
+        <SidebarContent className={accountPopoverOpen ? 'opacity-60' : ''}>
           <Menu iconShape="circle">
             <MenuItem
               active={pathname === '/'}
@@ -197,9 +197,9 @@ const SideNav = ({ collapsed, setCollapsed }) => {
               </MenuItem>
             </SubMenu>
           </Menu>
-          {accountPopoverOpen ? (
+          {/* {accountPopoverOpen ? (
             <div className="absolute top-0 left-0 h-full w-full bg-th-bkg-1 opacity-80" />
-          ) : null}
+          ) : null} */}
         </SidebarContent>
 
         {mangoAccount ? (

styles/index.css

@@ -581,6 +581,14 @@ body::-webkit-scrollbar-corner {
   @apply pl-2;
 }
 
+.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:hover {
+  @apply text-th-primary;
+}
+
+.pro-sidebar .pro-menu a:hover {
+  @apply text-th-primary;
+}
+
 .pro-sidebar.collapsed
   .pro-menu
   > ul
@@ -636,6 +644,7 @@ body::-webkit-scrollbar-corner {
 }
 
 .pro-sidebar .pro-menu a {
+  @apply transition-all duration-200;
   color: inherit;
 }
 

tailwind.config.js

@@ -112,7 +112,7 @@ module.exports = {
         'short-profit': "url('/share_images/bg-short-profit.png')",
       },
       screens: {
-        xl: '1600px',
+        xl: '1536px',
       },
     },
   },