added editor panel

src/components/editors/EditorPanel/index.tsx

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import * as styles from './styles.scss';
+import { INode } from '~/redux/types';
+
+interface IProps {
+  data: INode;
+  setData: (val: INode) => void;
+};
+
+const EditorPanel: FC<IProps> = ({
+}) => (
+    <div className={styles.panel} />
+  )
+
+export { EditorPanel };

src/components/editors/EditorPanel/styles.scss

@@ -0,0 +1,7 @@
+.panel {
+  height: 60px;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  bottom: 100%;
+}

src/components/editors/ImageEditor/index.tsx

@@ -9,7 +9,9 @@ interface IProps {
 
 const ImageEditor: FC<IProps> = ({
 }) => (
-    <div className={styles.uploads} />
+    <div className={styles.uploads}>
+      <div />
+    </div>
   )
 
 export { ImageEditor };

src/components/editors/ImageEditor/styles.scss

@@ -1,3 +1,14 @@
 .uploads {
   min-height: 200px;
+  padding-bottom: 60px;
+  box-sizing: border-box;
+
+  display: grid;
+  grid-column-gap: $gap;
+  grid-row-gap: $gap;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+
+  @media (max-width: 600px) {
+    grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));
+  }
 }