diff --git a/src/containers/Tenant/Query/Preview/Preview.scss b/src/containers/Tenant/Query/Preview/Preview.scss index 43111c7634..e900419833 100644 --- a/src/containers/Tenant/Query/Preview/Preview.scss +++ b/src/containers/Tenant/Query/Preview/Preview.scss @@ -1,15 +1,15 @@ -@use '../../../../styles/mixins.scss'; +@import '../../../../styles/mixins.scss'; .kv-preview { height: 100%; - @include mixins.flex-container(); - @include mixins.query-data-table(); - + @include flex-container(); + @include query-data-table(); &__header { position: sticky; top: 0; display: flex; + flex-shrink: 0; justify-content: space-between; align-items: center; @@ -22,17 +22,18 @@ &__title { display: flex; + gap: var(--g-spacing-1); } &__table-name { - margin-left: 4px; + margin-left: var(--g-spacing-1); color: var(--g-color-text-complementary); } &__controls-left { display: flex; - gap: 5px; + gap: var(--g-spacing-1); } &__message-container { padding: 15px 20px; diff --git a/src/containers/Tenant/Query/Preview/Preview.tsx b/src/containers/Tenant/Query/Preview/Preview.tsx index 69cde3bc1a..61a8f5bd00 100644 --- a/src/containers/Tenant/Query/Preview/Preview.tsx +++ b/src/containers/Tenant/Query/Preview/Preview.tsx @@ -1,5 +1,5 @@ import {Xmark} from '@gravity-ui/icons'; -import {Button, Icon, Loader} from '@gravity-ui/uikit'; +import {Button, Icon, Loader, Text} from '@gravity-ui/uikit'; import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton'; import Fullscreen from '../../../../components/Fullscreen/Fullscreen'; @@ -28,9 +28,14 @@ export const Preview = ({database, path, type}: PreviewProps) => { const isPreviewAvailable = isTableType(type); - const query = `select * from \`${path}\` limit 32`; + const query = `select * from \`${path}\` limit 101`; const {currentData, isFetching, error} = previewApi.useSendQueryQuery( - {database, query, action: isExternalTableType(type) ? 'execute-query' : 'execute-scan'}, + { + database, + query, + action: isExternalTableType(type) ? 'execute-query' : 'execute-scan', + limitRows: 100, + }, { skip: !isPreviewAvailable, refetchOnMountOrArgChange: true, @@ -47,7 +52,12 @@ export const Preview = ({database, path, type}: PreviewProps) => { return (