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

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

View File

@ -75,6 +75,12 @@ const ModelList = (props: ModelListProps) => {
labelPos="side" labelPos="side"
/> />
<Flex
flexDirection="column"
gap={4}
maxHeight={window.innerHeight - 280}
overflow="scroll"
>
{['images', 'diffusers'].includes(modelFormatFilter) && {['images', 'diffusers'].includes(modelFormatFilter) &&
filteredDiffusersModels.length > 0 && ( filteredDiffusersModels.length > 0 && (
<StyledModelContainer> <StyledModelContainer>
@ -98,7 +104,7 @@ const ModelList = (props: ModelListProps) => {
<StyledModelContainer> <StyledModelContainer>
<Flex sx={{ gap: 2, flexDir: 'column' }}> <Flex sx={{ gap: 2, flexDir: 'column' }}>
<Text variant="subtext" fontSize="sm"> <Text variant="subtext" fontSize="sm">
Checkpoint Checkpoints
</Text> </Text>
{filteredCheckpointModels.map((model) => ( {filteredCheckpointModels.map((model) => (
<ModelListItem <ModelListItem
@ -113,6 +119,7 @@ const ModelList = (props: ModelListProps) => {
)} )}
</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}