sidebar

src/router/Main.tsx

@@ -21,14 +21,24 @@ import OtherServices from '../pages/service/OtherServices'
 import Footer from '../shared/Footer'
 import AnnouncementDetail from '../pages/annoncement/Detail'
 import DetailService from '../pages/service/DetailService'
+import { clx } from '../helpers/utils'
+import { useSharedStore } from '../shared/store/sharedStore'
 
 const MainRouter: FC = () => {
+
+    const { hasSubMenu } = useSharedStore()
+
     return (
         <div className='p-4 overflow-hidden'>
             <SideBar />
             <Header />
-            <div className='flex-1 xl:ms-[269px] mt-[68px] xl:mt-[81px]'>
-                <div className={`overflow-auto w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`}>
+            <div className={clx(
+                'flex-1 xl:ms-[269px] mt-[68px] xl:mt-[81px]',
+                hasSubMenu && 'xl:ms-[305px]',
+            )}>
+                <div className={clx(
+                    `overflow-auto w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`,
+                )}>
                     <div>
                         <Routes>
                             <Route path={Pages.dashboard} element={<Home />} />