dashboard layout updated
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
import { useEffect, useState } from "react"
|
import { useEffect, useState } from "react"
|
||||||
import { useDispatch, useSelector } from "react-redux"
|
import { useDispatch, useSelector } from "react-redux"
|
||||||
import { useNavigate, Outlet } from "react-router-dom"
|
import { useNavigate } from "react-router-dom"
|
||||||
|
|
||||||
import DashboardLayout from "../components/layouts/DashboardLayout"
|
import DashboardLayout from "../components/layouts/DashboardLayout"
|
||||||
import PageLoader from "../components/PageLoader"
|
import PageLoader from "../components/PageLoader"
|
||||||
@@ -39,8 +39,7 @@ export default function UserExist() {
|
|||||||
{pageIsLoading ?
|
{pageIsLoading ?
|
||||||
<PageLoader />
|
<PageLoader />
|
||||||
:
|
:
|
||||||
// <DashboardLayout></DashboardLayout>
|
<DashboardLayout></DashboardLayout>
|
||||||
<Outlet />
|
|
||||||
}
|
}
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ export default function DashboardLayout() {
|
|||||||
className={`${shrinkAside ? 'w-28' : 'w-72'} hidden lg:block relative z-[999] bg-black text-white-light`}
|
className={`${shrinkAside ? 'w-28' : 'w-72'} hidden lg:block relative z-[999] bg-black text-white-light`}
|
||||||
>
|
>
|
||||||
<div className='sticky top-0 h-full'>
|
<div className='sticky top-0 h-full'>
|
||||||
<DashboardAside shrinkAside={shrinkAside} />
|
{/* <DashboardAside shrinkAside={shrinkAside} /> */}
|
||||||
<button
|
<button
|
||||||
className='absolute top-[72px] -translate-y-[50px] -right-5 block p-2 rounded shadow-round_black dark:shadow-round_white bg-white dark:bg-black text-black dark:text-white'
|
className='absolute top-[72px] -translate-y-[50px] -right-5 block p-2 rounded shadow-round_black dark:shadow-round_white bg-white dark:bg-black text-black dark:text-white'
|
||||||
onClick={()=>setShrinkAside(prev => !prev)}
|
onClick={()=>setShrinkAside(prev => !prev)}
|
||||||
@@ -35,7 +35,7 @@ export default function DashboardLayout() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div onClick={()=>setShowAsideDrawer(prev => !prev)} className={`${showAsideDrawer ? 'left-0' : '-left-96'} w-72 lg:hidden fixed inset-0 z-[999] bg-black text-white-light`}>
|
<div onClick={()=>setShowAsideDrawer(prev => !prev)} className={`${showAsideDrawer ? 'left-0' : '-left-96'} w-72 lg:hidden fixed inset-0 z-[999] bg-black text-white-light`}>
|
||||||
<DashboardAside />
|
{/* <DashboardAside /> */}
|
||||||
<button
|
<button
|
||||||
className='absolute top-[72px] -translate-y-[50px] -right-5 block p-2 rounded shadow-round_black dark:shadow-round_white bg-white dark:bg-black text-black dark:text-white'
|
className='absolute top-[72px] -translate-y-[50px] -right-5 block p-2 rounded shadow-round_black dark:shadow-round_white bg-white dark:bg-black text-black dark:text-white'
|
||||||
// onClick={()=>setShowAsideDrawer(prev => !prev)}
|
// onClick={()=>setShowAsideDrawer(prev => !prev)}
|
||||||
|
|||||||
Reference in New Issue
Block a user