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): upsell menuitem styling

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

18
invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsUpsellMenuItem.tsx
View File

@ -1,4 +1,4 @@
import { Box, Flex, Icon, MenuItem, Text, Tooltip } from '@invoke-ai/ui-library'; import { Flex, Icon, MenuItem, Text, Tooltip } from '@invoke-ai/ui-library';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import type { IconType } from 'react-icons'; import type { IconType } from 'react-icons';
import { PiArrowUpBold } from 'react-icons/pi'; import { PiArrowUpBold } from 'react-icons/pi';
@ -7,19 +7,11 @@ export const SettingsUpsellMenuItem = ({ menuText, menuIcon }: { menuText: strin
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<Tooltip label={t('upsell.professionalUpsell')} placement="right" zIndex={2}> <Tooltip label={t('upsell.professionalUpsell')} placement="right" gutter={16}>
<MenuItem as="a" href="http://invoke.com/pricing" target="_blank" icon={menuIcon({})}> <MenuItem as="a" href="http://invoke.com/pricing" target="_blank" icon={menuIcon({})}>
<Flex gap="1" alignItems="center"> <Flex gap="1" alignItems="center" justifyContent="space-between">
<Text pb="2px">{menuText}</Text> <Text>{menuText}</Text>
<Box> <Icon as={PiArrowUpBold} color="invokeYellow.500" />
<Icon
as={PiArrowUpBold}
sx={{
mt: '2px',
fill: 'invokeYellow.500',
}}
/>
</Box>
</Flex> </Flex>
</MenuItem> </MenuItem>
</Tooltip> </Tooltip>