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