made simple full-width image container

src/components/node/NodeImageTinySlider/index.tsx

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+import styles from './styles.module.scss';
+
+interface IProps {}
+
+const NodeImageTinySlider: FC<IProps> = () => <div className={styles.wrap}>Slider :3</div>;
+
+export { NodeImageTinySlider };

src/components/node/NodeImageTinySlider/styles.module.scss

@@ -0,0 +1,11 @@
+.wrap {
+  //padding-bottom: $radius;
+  background-color: $red;
+
+  width: 100vw;
+  position: relative;
+  left: 50%;
+  right: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
+}

src/containers/App.tsx

@@ -25,6 +25,7 @@ const Component: FC<IProps> = ({ modal: { is_shown } }) => {
       <div>
         <BlurWrapper is_blurred={is_shown}>
           <PageCover />
+
           <MainLayout>
             <Modal />
             <Sprites />

src/redux/node/constants.ts

@@ -16,6 +16,7 @@ import { Filler } from '~/components/containers/Filler';
 import { modalShowPhotoswipe } from '../modal/actions';
 import { IEditorComponentProps } from '~/redux/node/types';
 import { EditorFiller } from '~/components/editors/EditorFiller';
+import { NodeImageTinySlider } from '~/components/node/NodeImageTinySlider';
 
 const prefix = 'NODE.';
 export const NODE_ACTIONS = {
@@ -90,7 +91,8 @@ export type INodeComponentProps = {
 export type INodeComponents = Record<ValueOf<typeof NODE_TYPES>, FC<INodeComponentProps>>;
 
 export const NODE_HEADS: INodeComponents = {
-  [NODE_TYPES.IMAGE]: NodeImageSlideBlock,
+  // [NODE_TYPES.IMAGE]: NodeImageSlideBlock,
+  [NODE_TYPES.IMAGE]: NodeImageTinySlider,
 };
 
 export const NODE_COMPONENTS: INodeComponents = {