mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
tweak(ui): style model edit
This commit is contained in:
parent
b8aa9752f1
commit
b34624a2a8
@ -48,7 +48,7 @@ export const ModelEdit = ({ form }: Props) => {
|
|||||||
<Flex w="full" justifyContent="space-between" gap={4} alignItems="center">
|
<Flex w="full" justifyContent="space-between" gap={4} alignItems="center">
|
||||||
<FormControl flexDir="column" alignItems="flex-start" gap={1} isInvalid={Boolean(form.formState.errors.name)}>
|
<FormControl flexDir="column" alignItems="flex-start" gap={1} isInvalid={Boolean(form.formState.errors.name)}>
|
||||||
<FormLabel>{t('modelManager.modelName')}</FormLabel>
|
<FormLabel>{t('modelManager.modelName')}</FormLabel>
|
||||||
<Input {...form.register('name', stringFieldOptions)} size="lg" />
|
<Input {...form.register('name', stringFieldOptions)} size="md" />
|
||||||
|
|
||||||
{form.formState.errors.name?.message && (
|
{form.formState.errors.name?.message && (
|
||||||
<FormErrorMessage>{form.formState.errors.name?.message}</FormErrorMessage>
|
<FormErrorMessage>{form.formState.errors.name?.message}</FormErrorMessage>
|
||||||
@ -60,7 +60,7 @@ export const ModelEdit = ({ form }: Props) => {
|
|||||||
<Flex gap="4" alignItems="center">
|
<Flex gap="4" alignItems="center">
|
||||||
<FormControl flexDir="column" alignItems="flex-start" gap={1}>
|
<FormControl flexDir="column" alignItems="flex-start" gap={1}>
|
||||||
<FormLabel>{t('modelManager.description')}</FormLabel>
|
<FormLabel>{t('modelManager.description')}</FormLabel>
|
||||||
<Textarea fontSize="md" {...form.register('description')} />
|
<Textarea {...form.register('description')} minH={32} />
|
||||||
</FormControl>
|
</FormControl>
|
||||||
</Flex>
|
</Flex>
|
||||||
<Heading as="h3" fontSize="md" mt="4">
|
<Heading as="h3" fontSize="md" mt="4">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user