diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelImage.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelImage.tsx index 2b8085ff5b..e9f062eb2d 100644 --- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelImage.tsx +++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelImage.tsx @@ -34,6 +34,17 @@ const ModelImage = ({ image_url }: Props) => { minHeight={MODEL_IMAGE_THUMBNAIL_SIZE} minWidth={MODEL_IMAGE_THUMBNAIL_SIZE} borderRadius="base" + fallback={ + + + + } /> ); }; diff --git a/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx b/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx index 036d1b5aff..7ed0b1cb1a 100644 --- a/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx +++ b/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx @@ -413,6 +413,12 @@ const optionNameSx: SystemStyleObject = { }, }; +const optionDescriptionSx: SystemStyleObject = { + '&[data-is-compact="true"]': { + color: 'base.800', + }, +}; + const PickerOptionComponent = typedMemo( ({ option, ...rest }: { option: WithStarred } & BoxProps) => { const { $compactView } = usePickerContext>(); @@ -453,7 +459,11 @@ const PickerOptionComponent = typedMemo( )} - {option.description && !compactView && {option.description}} + {option.description && !compactView && ( + + {option.description} + + )} );