DigiFi/digifi-FirstOffice
1
0
Fork 0
Code Issues Pull Requests Releases Activity

mobile right slider bar bug fixed

Browse Source
This commit is contained in:
victorAnumudu
2025-04-07 09:48:38 +01:00
parent 91c5491274
commit 8c29d5adcc
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layouts/DashboardLayout.jsx
+1 -1
View File
@@ -48,7 +48,7 @@ export default function DashboardLayout() {
</div> </div>
<div className={`${showAsideDrawer =='right-aside' ? 'right-0 w-full' : '-right-full w-0'} fixed inset-0 z-[999] large:hidden bg-white/20 transition-all cursor-pointer`} onClick={()=>setShowAsideDrawer('')}> <div className={`${showAsideDrawer =='right-aside' ? 'right-0 w-full' : '-right-full w-0'} fixed inset-0 z-[999] large:hidden bg-white/20 transition-all cursor-pointer`} onClick={()=>setShowAsideDrawer('')}>
{/* <div className={`${showAsideDrawer =='right-aside' ? 'right-0' : '-right-full'} fixed z-[999] right-0 top-0 inset-0 w-full bg-white/20 bg-red-400 transition-all cursor-pointer`} onClick={()=>setShowAsideDrawer('')} ></div> */} {/* <div className={`${showAsideDrawer =='right-aside' ? 'right-0' : '-right-full'} fixed z-[999] right-0 top-0 inset-0 w-full bg-white/20 bg-red-400 transition-all cursor-pointer`} onClick={()=>setShowAsideDrawer('')} ></div> */}
<div className={`${showAsideDrawer =='right-aside' ? 'right-0' : '-right-full'} fixed z-[999] top-0 botom-0 px-8 py-4 h-full w-4/5 sm:w-[350px] bg-[#192440] dark:bg-[#1E1E2D] text-white-body`}> <div onClick={(e)=>e.stopPropagation()} className={`${showAsideDrawer =='right-aside' ? 'right-0' : '-right-full'} fixed z-[999] top-0 botom-0 px-8 py-4 h-full w-4/5 sm:w-[350px] bg-[#192440] dark:bg-[#1E1E2D] text-white-body`}>
<RightAsideBar /> <RightAsideBar />
</div> </div>
</div> </div>
src/context/GeneralLayoutContext.jsx
+2
View File
@@ -80,10 +80,12 @@ export default function GeneralLayoutContext({children}) {
window.addEventListener('resize', ()=>{ window.addEventListener('resize', ()=>{
setShrinkAside(false) setShrinkAside(false)
setShowAsideDrawer('') setShowAsideDrawer('')
setActiveMenu('')
}) })
return () => window.removeEventListener('resize', window.addEventListener('resize', ()=>{ return () => window.removeEventListener('resize', window.addEventListener('resize', ()=>{
setShrinkAside(false) setShrinkAside(false)
setShowAsideDrawer('') setShowAsideDrawer('')
setActiveMenu('')
})) }))
},[]) },[])