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: Update text to Badge in ModelListItem

Browse Source
This commit is contained in:
blessedcoolant 2023-07-18 23:58:07 +12:00
parent b59784e521
commit bd4eaa455a
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/ModelManagerPanel/ModelListItem.tsx
View File

@ -1,5 +1,5 @@
import { DeleteIcon } from '@chakra-ui/icons'; import { DeleteIcon } from '@chakra-ui/icons';
import { Flex, Text, Tooltip } from '@chakra-ui/react'; import { Badge, Flex, Text, Tooltip } from '@chakra-ui/react';
import { makeToast } from 'app/components/Toaster'; import { makeToast } from 'app/components/Toaster';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import IAIAlertDialog from 'common/components/IAIAlertDialog'; import IAIAlertDialog from 'common/components/IAIAlertDialog';
@ -98,15 +98,14 @@ export default function ModelListItem(props: ModelListItemProps) {
onClick={handleSelectModel} onClick={handleSelectModel}
> >
<Flex gap={4} alignItems="center"> <Flex gap={4} alignItems="center">
<Text <Badge
fontSize="xs"
p={1}
borderRadius={2}
minWidth={14} minWidth={14}
p={1}
fontSize="sm"
sx={{ sx={{
bg: 'accent.350', bg: 'base.350',
color: 'base.100', color: 'base.900',
_dark: { bg: 'accent.500' }, _dark: { bg: 'base.500' },
}} }}
> >
{ {
@ -114,7 +113,7 @@ export default function ModelListItem(props: ModelListItemProps) {
model.base_model as keyof typeof modelBaseTypeMap model.base_model as keyof typeof modelBaseTypeMap
] ]
} }
</Text> </Badge>
<Tooltip label={model.description} hasArrow placement="bottom"> <Tooltip label={model.description} hasArrow placement="bottom">
<Text sx={{ fontWeight: 500 }}>{model.model_name}</Text> <Text sx={{ fontWeight: 500 }}>{model.model_name}</Text>
</Tooltip> </Tooltip>