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

fix: Model List not scrolling through checkpoints (#3849)

Browse Source
This commit is contained in:
blessedcoolant 2023-07-20 14:16:32 +12:00 committed by GitHub
parent f2515d9480
commit f6d5e93020
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 43 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/ModelManagerPanel/ModelList.tsx
View File

@ -75,42 +75,49 @@ const ModelList = (props: ModelListProps) => {
labelPos="side" labelPos="side"
/> />
{['images', 'diffusers'].includes(modelFormatFilter) && <Flex
filteredDiffusersModels.length > 0 && ( flexDirection="column"
<StyledModelContainer> gap={4}
<Flex sx={{ gap: 2, flexDir: 'column' }}> maxHeight={window.innerHeight - 280}
<Text variant="subtext" fontSize="sm"> overflow="scroll"
Diffusers >
</Text> {['images', 'diffusers'].includes(modelFormatFilter) &&
{filteredDiffusersModels.map((model) => ( filteredDiffusersModels.length > 0 && (
<ModelListItem <StyledModelContainer>
key={model.id} <Flex sx={{ gap: 2, flexDir: 'column' }}>
model={model} <Text variant="subtext" fontSize="sm">
isSelected={selectedModelId === model.id} Diffusers
setSelectedModelId={setSelectedModelId} </Text>
/> {filteredDiffusersModels.map((model) => (
))} <ModelListItem
</Flex> key={model.id}
</StyledModelContainer> model={model}
)} isSelected={selectedModelId === model.id}
{['images', 'checkpoint'].includes(modelFormatFilter) && setSelectedModelId={setSelectedModelId}
filteredCheckpointModels.length > 0 && ( />
<StyledModelContainer> ))}
<Flex sx={{ gap: 2, flexDir: 'column' }}> </Flex>
<Text variant="subtext" fontSize="sm"> </StyledModelContainer>
Checkpoint )}
</Text> {['images', 'checkpoint'].includes(modelFormatFilter) &&
{filteredCheckpointModels.map((model) => ( filteredCheckpointModels.length > 0 && (
<ModelListItem <StyledModelContainer>
key={model.id} <Flex sx={{ gap: 2, flexDir: 'column' }}>
model={model} <Text variant="subtext" fontSize="sm">
isSelected={selectedModelId === model.id} Checkpoints
setSelectedModelId={setSelectedModelId} </Text>
/> {filteredCheckpointModels.map((model) => (
))} <ModelListItem
</Flex> key={model.id}
</StyledModelContainer> model={model}
)} isSelected={selectedModelId === model.id}
setSelectedModelId={setSelectedModelId}
/>
))}
</Flex>
</StyledModelContainer>
)}
</Flex>
</Flex> </Flex>
</Flex> </Flex>
); );
@ -146,8 +153,6 @@ const StyledModelContainer = (props: PropsWithChildren) => {
return ( return (
<Flex <Flex
flexDirection="column" flexDirection="column"
maxHeight={window.innerHeight - 280}
overflow="scroll"
gap={4} gap={4}
borderRadius={4} borderRadius={4}
p={4} p={4}