🐛 Make docker container list scrollable

Fixes #295
This commit is contained in:
Thomas "ajnart" Camlong
2022-07-22 13:12:52 +02:00
parent cac1059c16
commit 3234f06a2d

View File

@@ -66,6 +66,14 @@ export default function DockerTable({
}); });
return ( return (
<ScrollArea style={{ height: '80vh' }}>
<TextInput
placeholder="Search by container or image name"
mt="md"
icon={<IconSearch size={14} />}
value={search}
onChange={handleSearchChange}
/>
<Table captionSide="bottom" highlightOnHover sx={{ minWidth: 800 }} verticalSpacing="sm"> <Table captionSide="bottom" highlightOnHover sx={{ minWidth: 800 }} verticalSpacing="sm">
<caption>your docker containers</caption> <caption>your docker containers</caption>
<thead> <thead>
@@ -86,5 +94,6 @@ export default function DockerTable({
</thead> </thead>
<tbody>{rows}</tbody> <tbody>{rows}</tbody>
</Table> </Table>
</ScrollArea>
); );
} }