console: fix browse rows page UI glitches

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/8105
GitOrigin-RevId: 8ab4e3f77f7ca0b9e4dd7092423b01762c6dc33d
This commit is contained in:
Rikin Kachhia 2023-02-24 16:20:25 +05:30 committed by hasura-bot
parent cb4334c78a
commit a963fdcace
2 changed files with 3 additions and 2 deletions

View File

@ -69,6 +69,7 @@ export const TryOperation = (props: Props) => {
if (isTryitButtonAvailable) {
return (
<DropdownButton
className="ml-xs"
items={[
[
<span className="py-xs text-xs font-semibold text-muted uppercase tracking-wider whitespace-nowrap">
@ -127,7 +128,7 @@ export const TryOperation = (props: Props) => {
}
return (
<Tooltip
className="ml-0"
className="ml-xs"
tooltipContentChildren='"Try it" is disabled for this table because it has customizations. Head to API Explorer to try out a query.'
>
<DropdownButton

View File

@ -14,7 +14,7 @@ export const PaginationWithOnlyNav = (props: PaginationWithOnlyNavProps) => {
const { offset, limit, changePage, changePageSize, rows } = props;
const newPage = offset / limit;
return (
<div className="flex ml-sm mr-sm mb-sm mt-sm justify-around">
<div className="flex ml-sm mr-sm mb-sm mt-sm justify-around max-w-5xl">
<div>
<Button
onClick={() => changePage(newPage - 1)}