Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): render settingsmenu in portal, no zindex

Browse Source
This commit is contained in:
psychedelicious 2024-07-24 06:30:09 +10:00
parent 54aef4959c
commit 0279a27f66
1 changed files with 45 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx
View File

@ -5,6 +5,7 @@ import {
MenuGroup, MenuGroup,
MenuItem, MenuItem,
MenuList, MenuList,
Portal,
useDisclosure, useDisclosure,
useGlobalMenuClose, useGlobalMenuClose,
} from '@invoke-ai/ui-library'; } from '@invoke-ai/ui-library';
@ -44,7 +45,8 @@ const SettingsMenu = () => {
icon={<RiSettings4Line fontSize={20} />} icon={<RiSettings4Line fontSize={20} />}
boxSize={8} boxSize={8}
/> />
<MenuList zIndex={1}> <Portal>
<MenuList>
<MenuGroup title={t('upsell.professional')}> <MenuGroup title={t('upsell.professional')}>
<SettingsUpsellMenuItem menuText={t('upsell.inviteTeammates')} menuIcon={PiUsersBold} /> <SettingsUpsellMenuItem menuText={t('upsell.inviteTeammates')} menuIcon={PiUsersBold} />
<SettingsUpsellMenuItem menuText={t('upsell.shareAccess')} menuIcon={PiShareNetworkFill} /> <SettingsUpsellMenuItem menuText={t('upsell.shareAccess')} menuIcon={PiShareNetworkFill} />
@ -87,6 +89,7 @@ const SettingsMenu = () => {
</AboutModal> </AboutModal>
</MenuGroup> </MenuGroup>
</MenuList> </MenuList>
</Portal>
</Menu> </Menu>
); );
}; };