structure + layout header sidebar

2025-10-14 13:06:18 +03:30
commit 31967a2ecb
53 changed files with 6362 additions and 0 deletions
@@ -0,0 +1,26 @@
+import { type FC } from 'react'
+import { Route, Routes } from 'react-router-dom'
+import Home from '../pages/home/Home'
+import SideBar from '../shared/Sidebar'
+import Header from '../shared/Header'
+
+const MainRouter: FC = () => {
+    return (
+        <div className='p-4 overflow-hidden'>
+            <Header />
+            <SideBar />
+            <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='xl:pb-20 pb-32'>
+
+                        <Routes>
+                            <Route path="/" element={<Home />} />
+                        </Routes>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default MainRouter