fix: move pagination beneath table container to make overflow-scroll more intuitive

This commit is contained in:
Scott Wilson
2024-10-08 11:57:54 -07:00
parent d6ef0d1c83
commit f43725a16e
@@ -805,7 +805,7 @@ export const SecretOverviewPage = () => {
resetSelectedEntries={resetSelectedEntries} resetSelectedEntries={resetSelectedEntries}
/> />
<div className="thin-scrollbar mt-4" ref={parentTableRef}> <div className="thin-scrollbar mt-4" ref={parentTableRef}>
<TableContainer> <TableContainer className="rounded-b-none">
<Table> <Table>
<THead> <THead>
<Tr className="sticky top-0 z-20 border-0"> <Tr className="sticky top-0 z-20 border-0">
@@ -1003,6 +1003,7 @@ export const SecretOverviewPage = () => {
</Tr> </Tr>
</TFoot> </TFoot>
</Table> </Table>
</TableContainer>
{!isOverviewLoading && totalCount > 0 && ( {!isOverviewLoading && totalCount > 0 && (
<Pagination <Pagination
startAdornment={ startAdornment={
@@ -1012,7 +1013,7 @@ export const SecretOverviewPage = () => {
folderCount={totalFolderCount} folderCount={totalFolderCount}
/> />
} }
className="border-t border-solid border-t-mineshaft-600" className="rounded-b-md border-t border-solid border-t-mineshaft-600"
count={totalCount} count={totalCount}
page={page} page={page}
perPage={perPage} perPage={perPage}
@@ -1020,7 +1021,6 @@ export const SecretOverviewPage = () => {
onChangePerPage={(newPerPage) => setPerPage(newPerPage)} onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
/> />
)} )}
</TableContainer>
</div> </div>
</div> </div>
<CreateSecretForm <CreateSecretForm