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

Style fixes to accommodate localization in Model Manager

Browse Source
This commit is contained in:
blessedcoolant 2022-12-27 06:55:10 +13:00
parent f691353570
commit aa213285bb
4 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/features/system/components/ModelManager/AddModel.tsx
View File

@ -97,7 +97,7 @@ export default function AddModel() {
<Modal
isOpen={isOpen}
onClose={addModelModalClose}
size="xl"
size="3xl"
closeOnOverlayClick={false}
>
<ModalOverlay />
@ -138,7 +138,7 @@ export default function AddModel() {
name="name"
type="text"
validate={baseValidation}
width="lg"
width="2xl"
/>
{!!errors.name && touched.name ? (
<FormErrorMessage>{errors.name}</FormErrorMessage>
@ -164,7 +164,7 @@ export default function AddModel() {
id="description"
name="description"
type="text"
width="lg"
width="2xl"
/>
{!!errors.description && touched.description ? (
<FormErrorMessage>
@ -192,7 +192,7 @@ export default function AddModel() {
id="config"
name="config"
type="text"
width="lg"
width="2xl"
/>
{!!errors.config && touched.config ? (
<FormErrorMessage>{errors.config}</FormErrorMessage>
@ -218,7 +218,7 @@ export default function AddModel() {
id="weights"
name="weights"
type="text"
width="lg"
width="2xl"
/>
{!!errors.weights && touched.weights ? (
<FormErrorMessage>
@ -243,7 +243,7 @@ export default function AddModel() {
id="vae"
name="vae"
type="text"
width="lg"
width="2xl"
/>
{!!errors.vae && touched.vae ? (
<FormErrorMessage>{errors.vae}</FormErrorMessage>
@ -278,6 +278,7 @@ export default function AddModel() {
min={MIN_MODEL_SIZE}
max={MAX_MODEL_SIZE}
step={64}
width="90%"
value={form.values.width}
onChange={(value) =>
form.setFieldValue(
@ -322,6 +323,7 @@ export default function AddModel() {
name="height"
min={MIN_MODEL_SIZE}
max={MAX_MODEL_SIZE}
width="90%"
step={64}
value={form.values.height}
onChange={(value) =>

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

@ -73,7 +73,7 @@ const ModelList = () => {
};
return (
<Flex flexDirection={'column'} rowGap="2rem" width="45%" minWidth="45%">
<Flex flexDirection={'column'} rowGap="2rem" width="50%" minWidth="50%">
<Flex justifyContent={'space-between'}>
<Text fontSize={'1.4rem'} fontWeight="bold">
{t('modelmanager:availableModels')}

6
frontend/src/features/system/components/ModelManager/ModelManagerModal.tsx
View File

@ -44,7 +44,11 @@ export default function ModelManagerModal({
<ModalContent className=" modal">
<ModalCloseButton className="modal-close-btn" />
<ModalHeader>{t('modelmanager:modelManager')}</ModalHeader>
<Flex padding={'0 2rem 2rem 2rem'} width="100%" columnGap={'2rem'}>
<Flex
padding={'0 1.5rem 1.5rem 1.5rem'}
width="100%"
columnGap={'2rem'}
>
<ModelList />
<ModelEdit />
</Flex>

2
frontend/src/features/system/components/ModelManager/SearchModels.tsx
View File

@ -228,7 +228,7 @@ export default function SearchModels() {
style={{
fontWeight: 'bold',
fontSize: '0.8rem',
backgroundColor: 'var(--background-color-secondary)',
backgroundColor: 'var(--accent-color)',
padding: '0.2rem 1rem',
width: 'max-content',
borderRadius: '0.2rem',