sidebar

src/shared/Header.tsx

@@ -7,14 +7,19 @@ import { Link } from 'react-router-dom'
 import { Pages } from '../config/Pages'
 import Notifications from '../pages/notification/Notification'
 import { useSharedStore } from './store/sharedStore'
+import { clx } from '../helpers/utils'
 
 const Header: FC = () => {
 
     const { t } = useTranslation('global')
-    const { setOpenSidebar, openSidebar } = useSharedStore()
+    const { setOpenSidebar, openSidebar, hasSubMenu } = useSharedStore()
+
 
     return (
-        <div className='fixed z-10 right-4 left-4 xl:right-[317px] top-4 xl:h-16 h-12 flex items-center px-6 bg-white justify-between rounded-[32px] xl:w-[calc(100%-335px)]'>
+        <div className={clx(
+            'fixed z-10 right-4 left-4 xl:right-[291px] top-4 xl:h-16 h-12 flex items-center px-6 bg-white justify-between rounded-[32px] xl:w-[calc(100%-308px)]',
+            hasSubMenu && 'xl:right-[318px] xl:w-[calc(100%-344px)]',
+        )}>
 
             <div className='min-w-[270px] hidden xl:block'>
                 <Input