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

fix side nav expanding menu

This commit is contained in:
saml33 2023-06-08 14:59:15 +10:00
parent 6945707c11
commit 696a89fe70
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/SideNav.tsx
View File

@ -342,6 +342,7 @@ export const ExpandableMenuItem = ({
title: string | ReactNode title: string | ReactNode
}) => { }) => {
const { theme } = useTheme() const { theme } = useTheme()
const themeData = mangoStore((s) => s.themeData)
return collapsed ? ( return collapsed ? (
<Popover className={`relative z-30 ${alignBottom ? '' : 'py-2 pl-4'}`}> <Popover className={`relative z-30 ${alignBottom ? '' : 'py-2 pl-4'}`}>
@ -439,7 +440,11 @@ export const ExpandableMenuItem = ({
leaveFrom="opacity-100 max-h-80" leaveFrom="opacity-100 max-h-80"
leaveTo="opacity-0 max-h-0" leaveTo="opacity-0 max-h-0"
> >
<Disclosure.Panel className="w-full overflow-hidden"> <Disclosure.Panel
className={`w-full overflow-hidden ${
themeData.sideImagePath ? 'z-10 bg-th-bkg-1 py-2' : ''
}`}
>
<div className={`${!alignBottom ? 'ml-1.5' : ''}`}> <div className={`${!alignBottom ? 'ml-1.5' : ''}`}>
{children} {children}
</div> </div>