fix(ui): fix lora name wrap

This commit is contained in:
psychedelicious 2024-01-22 09:09:52 +11:00
parent 850458a554
commit 1197133d06

View File

@ -4,8 +4,8 @@ import {
CardHeader, CardHeader,
CompositeNumberInput, CompositeNumberInput,
CompositeSlider, CompositeSlider,
FormLabel,
IconButton, IconButton,
Text,
} from '@invoke-ai/ui'; } from '@invoke-ai/ui';
import { useAppDispatch } from 'app/store/storeHooks'; import { useAppDispatch } from 'app/store/storeHooks';
import type { LoRA } from 'features/lora/store/loraSlice'; import type { LoRA } from 'features/lora/store/loraSlice';
@ -35,9 +35,9 @@ export const LoRACard = memo((props: LoRACardProps) => {
return ( return (
<Card variant="lora"> <Card variant="lora">
<CardHeader> <CardHeader>
<FormLabel noOfLines={1} wordBreak="break-all"> <Text noOfLines={1} wordBreak="break-all" color="base.200">
{lora.model_name} {lora.model_name}
</FormLabel> </Text>
<IconButton <IconButton
aria-label="Remove LoRA" aria-label="Remove LoRA"
variant="ghost" variant="ghost"