diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectChildrenPropertyTable.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectChildrenPropertyTable.tsx index 1d3ec63a3e..592b8d4ece 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectChildrenPropertyTable.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectChildrenPropertyTable.tsx @@ -7,7 +7,6 @@ */ import { observer } from 'mobx-react-lite'; -import styled, { css } from 'reshadow'; import { useDatabaseObjectInfo } from '@cloudbeaver/core-app'; import { TableHeader, TableBody, Table } from '@cloudbeaver/core-blocks'; @@ -19,19 +18,13 @@ interface ObjectChildrenPropertyTableProps { nodeIds: string[]; } -const styles = css` - Table { - flex: auto; - } -`; - export const ObjectChildrenPropertyTable = observer(function ObjectPropertyTable({ nodeIds, }: ObjectChildrenPropertyTableProps) { const firstChild = nodeIds[0] || ''; const properties = useDatabaseObjectInfo(firstChild).dbObject?.properties; - return styled(styles)( + return (
diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.tsx index adfed9f824..93be708f02 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.tsx @@ -7,14 +7,22 @@ */ import { observer } from 'mobx-react-lite'; +import styled from 'reshadow'; import { useChildren } from '@cloudbeaver/core-app'; import { Loader, TextPlaceholder } from '@cloudbeaver/core-blocks'; import { useTranslate } from '@cloudbeaver/core-localization'; +import { css } from '@reshadow/react'; import { useObjectFolder } from '../../useObjectFolder'; import { ObjectChildrenPropertyTable } from './ObjectChildrenPropertyTable'; +const styles = css` + div { + flex: auto; + } +`; + interface ObjectPropertyTableProps { objectId: string; parentId: string; @@ -36,7 +44,11 @@ export const ObjectPropertyTable = observer(function ObjectPropertyTable({ return {translate('plugin_object_viewer_table_no_items')}; } - return ; + return styled(styles)( +
+ +
+ ); }); export const objectPropertyTablePanel = (parentId: string, objectId: string) => (