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 changes

Browse source
This commit is contained in:
muerwre 2019-07-30 05:13:27 +07:00
parent d7e638153b
commit 696ac8d69f
8 changed files with 76 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -17,52 +17,63 @@ interface IProps {}
const EditorExample: FC<IProps> = () => (
<Card className={styles.wrap} seamless>
<Group horizontal className={styles.group} seamless>
<div className={styles.editor}>
<Panel>
<TextInput onChange={console.log} label="Название" />
</Panel>
<Group seamless style={{ flex: 1 }}>
<Panel>
<Group horizontal>
<Filler>TITLE</Filler>
<div className={styles.close_icon} />
</Group>
</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>
</div>
<Group horizontal className={styles.group} seamless>
<div className={styles.editor}>
<Panel>
<TextInput onChange={console.log} label="Название" />
</Panel>
<div className={styles.panel}>
<Panel className={styles.panel_main}>
<Group>
<Card className={styles.feature_card}>Layout setup</Card>
<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>
</div>
<Card className={styles.feature_card}>Cover changer</Card>
<div className={styles.panel}>
<Filler>
<Padder>
<Group>
<Card className={styles.feature_card}>Layout setup</Card>
<Card className={styles.feature_card}>Track</Card>
<Card className={styles.feature_card}>Cover changer</Card>
<Tags
tags={[
{ title: 'Избранный', feature: 'red' },
{ title: 'Плейлист', feature: 'green' },
{ title: 'Просто' },
{ title: '+ фото', feature: 'black' },
{ title: '+ с музыкой', feature: 'black' },
]}
/>
<Card className={styles.feature_card}>Track</Card>
<Filler />
<Tags
tags={[
{ title: 'Избранный', feature: 'red' },
{ title: 'Плейлист', feature: 'green' },
{ title: 'Просто' },
{ title: '+ фото', feature: 'black' },
{ title: '+ с музыкой', feature: 'black' },
]}
/>
</Group>
</Panel>
<Filler />
<Panel>
<Button>Submit?</Button>
</Panel>
</div>
</Group>
</Padder>
</Filler>
<Panel>
<Button>Submit?</Button>
</Panel>
</div>
</Group>
</Group>
</Card>
);