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