chore: fix table height (#34178)

Fixes #33758

/ok-to-test tags="@tag.Anvil"

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Updated table header styles to improve layout on specific screen
sizes.

<!-- end of auto-generated comment: release notes by coderabbit.ai
--><!-- This is an auto-generated comment: Cypress test results -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/9478133261>
> Commit: 0d32fdfac2d13ab54b4886f5d2891e8604f5f6ef
> Cypress dashboard url: <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9478133261&attempt=1"
target="_blank">Click here!</a>

<!-- end of auto-generated comment: Cypress test results  -->

---------

Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro-2.local>
This commit is contained in:
Pawan Kumar 2024-06-13 10:12:46 +05:30 committed by GitHub
parent d4d4406e6d
commit 4326ae81fc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 9 deletions

View File

@ -32,14 +32,16 @@ function TableHeader(props: TableHeaderProps) {
onSearch={onSearch}
searchKey={searchKey}
/>
<Flex flexGrow={1} gap="spacing-1" justifyContent="space-between">
<Pagination
columns={columns}
isVisiblePagination={isVisiblePagination}
tableData={tableData}
{...rest}
/>
</Flex>
{isVisiblePagination && columns.length > 0 && (
<Flex flexGrow={1} gap="spacing-1" justifyContent="space-between">
<Pagination
columns={columns}
isVisiblePagination={isVisiblePagination}
tableData={tableData}
{...rest}
/>
</Flex>
)}
</>
);
})();

View File

@ -48,7 +48,8 @@
@container table-header (inline-size <= 320px) {
[data-layout] {
flex-wrap: wrap;
/* This needs to be wrap once we have actions implemented */
flex-wrap: nowrap;
}
[data-layout] [data-field] {