fix(pro): remove usage of css

Author: rvsia

packages/editor-pro/src/editor/container-wrapper.tsx

@@ -16,8 +16,16 @@ const ContainerWrapper: React.FC<ContainerProps> = (props) => {
 		ListProps={{
 			style: { minWidth: 'calc(100% - 24px)' }
 		}}
-		className='canvas'
-		style={{ display: 'flex', border: '1px dotted rgb(71 77 102 / 50%)' }}
+		style={{
+			display: 'flex',
+			border: '1px dotted rgb(71 77 102 / 50%)',
+			minHeight: 150,
+			backgroundColor: '#f9fafc',
+			padding: 4,
+			marginLeft: 4,
+			flexGrow: 1,
+			marginRight: 4,
+		}}
 	/>;
 };
 

packages/editor-pro/src/editor/editor.css

@@ -2,8 +2,6 @@ import React from 'react';
 
 import { Menu, Pane, majorScale } from 'evergreen-ui';
 
-import './editor.css';
-
 import MenuItem, { MenuItemProps } from '@data-driven-forms/editor-core/menu-item';
 import Editor from '@data-driven-forms/editor-core/editor';
 import TopNav from './top-nav';