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

feat(ui): Model Manager Cleanup

Browse Source
This commit is contained in:
blessedcoolant 2023-03-05 21:41:55 +13:00
parent 5891b43ce2
commit 516c56d0c5
9 changed files with 20 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
invokeai/frontend/web/src/features/system/components/ModelManager/AddDiffusersModel.tsx
View File

@ -292,11 +292,7 @@ export default function AddDiffusersModel() {
</FormControl>
</FormItemWrapper>
<IAIButton
type="submit"
className="modal-close-btn"
isLoading={isProcessing}
>
<IAIButton type="submit" isLoading={isProcessing}>
{t('modelManager.addModel')}
</IAIButton>
</VStack>

2
invokeai/frontend/web/src/features/system/components/ModelManager/AddModel.tsx
View File

@ -83,7 +83,7 @@ export default function AddModel() {
closeOnOverlayClick={false}
>
<ModalOverlay />
<ModalContent margin="auto">
<ModalContent margin="auto" paddingInlineEnd={4}>
<ModalHeader>{t('modelManager.addNewModel')}</ModalHeader>
<ModalCloseButton />
<ModalBody>

8
invokeai/frontend/web/src/features/system/components/ModelManager/CheckpointModelEdit.tsx
View File

@ -136,7 +136,7 @@ export default function CheckpointModelEdit() {
id="description"
name="description"
type="text"
width="lg"
width="full"
/>
{!!errors.description && touched.description ? (
<FormErrorMessage>{errors.description}</FormErrorMessage>
@ -162,7 +162,7 @@ export default function CheckpointModelEdit() {
id="config"
name="config"
type="text"
width="lg"
width="full"
/>
{!!errors.config && touched.config ? (
<FormErrorMessage>{errors.config}</FormErrorMessage>
@ -188,7 +188,7 @@ export default function CheckpointModelEdit() {
id="weights"
name="weights"
type="text"
width="lg"
width="full"
/>
{!!errors.weights && touched.weights ? (
<FormErrorMessage>{errors.weights}</FormErrorMessage>
@ -211,7 +211,7 @@ export default function CheckpointModelEdit() {
id="vae"
name="vae"
type="text"
width="lg"
width="full"
/>
{!!errors.vae && touched.vae ? (
<FormErrorMessage>{errors.vae}</FormErrorMessage>

17
invokeai/frontend/web/src/features/system/components/ModelManager/DiffusersModelEdit.tsx
View File

@ -115,12 +115,7 @@ export default function DiffusersModelEdit() {
{openModel}
</Text>
</Flex>
<Flex
flexDirection="column"
maxHeight={window.innerHeight - 270}
overflowY="scroll"
paddingInlineEnd={8}
>
<Flex flexDirection="column" overflowY="scroll" paddingInlineEnd={8}>
<Formik
enableReinitialize={true}
initialValues={editModelFormValues}
@ -143,7 +138,7 @@ export default function DiffusersModelEdit() {
id="description"
name="description"
type="text"
width="lg"
width="full"
/>
{!!errors.description && touched.description ? (
<FormErrorMessage>{errors.description}</FormErrorMessage>
@ -169,7 +164,7 @@ export default function DiffusersModelEdit() {
id="path"
name="path"
type="text"
width="lg"
width="full"
/>
{!!errors.path && touched.path ? (
<FormErrorMessage>{errors.path}</FormErrorMessage>
@ -192,7 +187,7 @@ export default function DiffusersModelEdit() {
id="repo_id"
name="repo_id"
type="text"
width="lg"
width="full"
/>
{!!errors.repo_id && touched.repo_id ? (
<FormErrorMessage>{errors.repo_id}</FormErrorMessage>
@ -217,7 +212,7 @@ export default function DiffusersModelEdit() {
id="vae.path"
name="vae.path"
type="text"
width="lg"
width="full"
/>
{!!errors.vae?.path && touched.vae?.path ? (
<FormErrorMessage>{errors.vae?.path}</FormErrorMessage>
@ -242,7 +237,7 @@ export default function DiffusersModelEdit() {
id="vae.repo_id"
name="vae.repo_id"
type="text"
width="lg"
width="full"
/>
{!!errors.vae?.repo_id && touched.vae?.repo_id ? (
<FormErrorMessage>{errors.vae?.repo_id}</FormErrorMessage>

2
invokeai/frontend/web/src/features/system/components/ModelManager/MergeModels.tsx
View File

@ -111,7 +111,7 @@ export default function MergeModels() {
closeOnOverlayClick={false}
>
<ModalOverlay />
<ModalContent fontFamily="Inter" margin="auto">
<ModalContent fontFamily="Inter" margin="auto" paddingInlineEnd={4}>
<ModalHeader>{t('modelManager.mergeModels')}</ModalHeader>
<ModalCloseButton />
<ModalBody>

2
invokeai/frontend/web/src/features/system/components/ModelManager/ModelList.tsx
View File

@ -212,7 +212,7 @@ const ModelList = () => {
<Flex
flexDirection="column"
gap={1}
maxHeight={window.innerHeight - 360}
maxHeight={window.innerHeight - 240}
overflow="scroll"
paddingInlineEnd={4}
>

4
invokeai/frontend/web/src/features/system/components/ModelManager/ModelManagerModal.tsx
View File

@ -52,10 +52,10 @@ export default function ModelManagerModal({
<Modal
isOpen={isModelManagerModalOpen}
onClose={onModelManagerModalClose}
size="6xl"
size="full"
>
<ModalOverlay />
<ModalContent paddingInlineEnd={4}>
<ModalContent>
<ModalCloseButton />
<ModalHeader>{t('modelManager.modelManager')}</ModalHeader>
<ModalBody>

6
invokeai/frontend/web/src/features/system/components/ModelManager/SearchModels.tsx
View File

@ -276,14 +276,13 @@ export default function SearchModels() {
>
{({ handleSubmit }) => (
<form onSubmit={handleSubmit}>
<HStack columnGap={2} alignItems="flex-end">
<FormControl isRequired width="max-content">
<HStack columnGap={2} alignItems="flex-end" width="100%">
<FormControl isRequired width="lg">
<Field
as={IAIInput}
id="checkpointFolder"
name="checkpointFolder"
type="text"
width="lg"
size="md"
label={t('modelManager.checkpointFolder')}
/>
@ -294,6 +293,7 @@ export default function SearchModels() {
tooltip={t('modelManager.findModels')}
type="submit"
disabled={isProcessing}
paddingX={10}
>
{t('modelManager.findModels')}
</IAIButton>

2
invokeai/frontend/web/src/theme/colors/invokeAI.ts
View File

@ -2,7 +2,7 @@ import { generateColorPalette } from 'theme/util/generateColorPalette';
export const invokeAIThemeColors = {
base: generateColorPalette(225, 15),
accent: generateColorPalette(255, 67),
accent: generateColorPalette(250, 50),
working: generateColorPalette(47, 67),
warning: generateColorPalette(28, 75),
ok: generateColorPalette(113, 70),