muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-05-02 08:06:41 +07:00
Code Packages Activity Actions

editor scrollbars

Browse source
This commit is contained in:
muerwre 2019-07-29 18:51:10 +07:00
parent e687a3f5f3
commit 14c5f67d49
15 changed files with 349 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/containers/examples/EditorExample/index.tsx
View file

@ -2,18 +2,47 @@ import React, { FC } from 'react';
import { Card } from "~/components/containers/Card";
import * as styles from './styles.scss';
import { Group } from "~/components/containers/Group";
import { Padder } from "~/components/containers/Padder";
import { CellGrid } from "~/components/containers/CellGrid";
import { Panel } from "~/components/containers/Panel";
import { TextInput } from "~/components/input/TextInput";
import classNames = require("classnames");
import { Scroll } from "~/components/containers/Scroll";
interface IProps {}
const EditorExample: FC<IProps> = () => (
<Card className={styles.wrap}>
<Group horizontal className={styles.group}>
<Group horizontal className={styles.group} seamless>
<div className={styles.editor}>
editor
<Panel className={styles.editor_panel}>
<TextInput onChange={console.log} label="Название" />
</Panel>
<Panel className={classNames(styles.editor_panel, styles.editor_image_panel)}>
<Scroll>
<CellGrid className={styles.editor_image_container} size={200}>
<div className={styles.editor_image} />
<div className={styles.editor_image} />
<div className={styles.editor_image} />
<div className={styles.editor_image} />
</CellGrid>
</Scroll>
</Panel>
<Panel className={styles.editor_panel}>
Cover panel
</Panel>
</div>
<div className={styles.panel}>
panel
<Group>
<Card>
<Padder>
panel
</Padder>
</Card>
</Group>
</div>
</Group>
</Card>