blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

only expand sidebar if breakpoint >= xl

This commit is contained in:
saml33 2023-06-14 12:19:09 +10:00
parent db660899ac
commit e2af69ec3f
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Layout.tsx
View File

@ -43,7 +43,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
const { width } = useViewport() const { width } = useViewport()
useEffect(() => { useEffect(() => {
if (width < breakpoints.lg) { if (width < breakpoints.xl) {
setIsCollapsed(true) setIsCollapsed(true)
} }
}, [width]) }, [width])
@ -93,7 +93,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
<div className="fixed z-20 hidden h-screen md:block"> <div className="fixed z-20 hidden h-screen md:block">
<button <button
className="absolute right-0 top-1/2 z-20 hidden h-8 w-3 -translate-y-1/2 rounded-none rounded-l bg-th-bkg-3 hover:bg-th-bkg-4 focus:outline-none focus-visible:bg-th-bkg-4 lg:block" className="absolute right-0 top-1/2 z-20 hidden h-8 w-3 -translate-y-1/2 rounded-none rounded-l bg-th-bkg-3 hover:bg-th-bkg-4 focus:outline-none focus-visible:bg-th-bkg-4 xl:block"
onClick={handleToggleSidebar} onClick={handleToggleSidebar}
> >
<ChevronRightIcon <ChevronRightIcon