mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-26 05:16:41 +07:00
started editor
This commit is contained in:
parent
7410376009
commit
e687a3f5f3
3 changed files with 50 additions and 5 deletions
22
src/containers/examples/EditorExample/index.tsx
Normal file
22
src/containers/examples/EditorExample/index.tsx
Normal file
|
@ -0,0 +1,22 @@
|
|||
import React, { FC } from 'react';
|
||||
import { Card } from "~/components/containers/Card";
|
||||
import * as styles from './styles.scss';
|
||||
import { Group } from "~/components/containers/Group";
|
||||
|
||||
interface IProps {}
|
||||
|
||||
const EditorExample: FC<IProps> = () => (
|
||||
<Card className={styles.wrap}>
|
||||
<Group horizontal className={styles.group}>
|
||||
<div className={styles.editor}>
|
||||
editor
|
||||
</div>
|
||||
|
||||
<div className={styles.panel}>
|
||||
panel
|
||||
</div>
|
||||
</Group>
|
||||
</Card>
|
||||
);
|
||||
|
||||
export { EditorExample };
|
22
src/containers/examples/EditorExample/styles.scss
Normal file
22
src/containers/examples/EditorExample/styles.scss
Normal file
|
@ -0,0 +1,22 @@
|
|||
.wrap {
|
||||
height: calc(100vh - 20px);
|
||||
align-items: stretch;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.group {
|
||||
display: flex;
|
||||
align-items: stretch !important;
|
||||
justify-content: stretch;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.panel {
|
||||
background: red;
|
||||
flex: 0 0 33%;
|
||||
}
|
||||
|
||||
.editor {
|
||||
flex: 1;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue