muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

made simple full-width image container

Browse source
This commit is contained in:
Fedor Katurov 2020-10-26 12:18:43 +07:00
parent 677dce9721
commit c58bf1a379
4 changed files with 23 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/node/NodeImageTinySlider/index.tsx Normal file
View file

@ -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 };

11
src/components/node/NodeImageTinySlider/styles.module.scss Normal file
View file

@ -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;
}

1
src/containers/App.tsx
View file

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

4
src/redux/node/constants.ts
View file

@ -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 = {