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): add width to mantine selects

Browse Source
This commit is contained in:
psychedelicious 2023-08-17 21:38:12 +10:00
parent 3d84e7756a
commit ae6db67068
6 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/LoRAModelInputField.tsx
View File

@ -102,6 +102,11 @@ const LoRAModelInputFieldComponent = (
item.value.toLowerCase().includes(value.toLowerCase().trim()) item.value.toLowerCase().includes(value.toLowerCase().trim())
} }
onChange={handleChange} onChange={handleChange}
sx={{
'.mantine-Select-dropdown': {
width: '16rem !important',
},
}}
/> />
); );
}; };

5
invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/MainModelInputField.tsx
View File

@ -133,6 +133,11 @@ const MainModelInputFieldComponent = (
error={!selectedModel} error={!selectedModel}
disabled={data.length === 0} disabled={data.length === 0}
onChange={handleChangeModel} onChange={handleChangeModel}
sx={{
'.mantine-Select-dropdown': {
width: '16rem !important',
},
}}
/> />
)} )}
{isSyncModelEnabled && <SyncModelsButton className="nodrag" iconMode />} {isSyncModelEnabled && <SyncModelsButton className="nodrag" iconMode />}

5
invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/RefinerModelInputField.tsx
View File

@ -104,6 +104,11 @@ const RefinerModelInputFieldComponent = (
error={data.length === 0} error={data.length === 0}
disabled={data.length === 0} disabled={data.length === 0}
onChange={handleChangeModel} onChange={handleChangeModel}
sx={{
'.mantine-Select-dropdown': {
width: '16rem !important',
},
}}
/> />
{isSyncModelEnabled && ( {isSyncModelEnabled && (
<Box mt={7}> <Box mt={7}>

5
invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SDXLMainModelInputField.tsx
View File

@ -131,6 +131,11 @@ const ModelInputFieldComponent = (
error={data.length === 0} error={data.length === 0}
disabled={data.length === 0} disabled={data.length === 0}
onChange={handleChangeModel} onChange={handleChangeModel}
sx={{
'.mantine-Select-dropdown': {
width: '16rem !important',
},
}}
/> />
{isSyncModelEnabled && <SyncModelsButton className="nodrag" iconMode />} {isSyncModelEnabled && <SyncModelsButton className="nodrag" iconMode />}
</Flex> </Flex>

5
invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SchedulerInputField.tsx
View File

@ -65,6 +65,11 @@ const SchedulerInputField = (
return ( return (
<IAIMantineSearchableSelect <IAIMantineSearchableSelect
className="nowheel nodrag" className="nowheel nodrag"
sx={{
'.mantine-Select-dropdown': {
width: '14rem !important',
},
}}
value={field.value} value={field.value}
data={data} data={data}
onChange={handleChange} onChange={handleChange}

5
invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/VaeModelInputField.tsx
View File

@ -98,6 +98,11 @@ const VaeModelInputFieldComponent = (
onChange={handleChangeModel} onChange={handleChangeModel}
disabled={data.length === 0} disabled={data.length === 0}
clearable clearable
sx={{
'.mantine-Select-dropdown': {
width: '16rem !important',
},
}}
/> />
); );
}; };