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

amazing cell editor

Browse source
This commit is contained in:
muerwre 2019-08-02 05:06:30 +07:00
parent 712a3cbb77
commit ef2b6016cd
2 changed files with 15 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/containers/examples/HorizontalExample/index.tsx
View file

@ -7,7 +7,6 @@ import {InputText} from "~/components/input/InputText";
import {Button} from "~/components/input/Button";
import {Filler} from "~/components/containers/Filler";
import {Icon} from "~/components/input/Icon";
import {CellGrid} from "~/components/containers/CellGrid";
interface IProps {}
@ -15,11 +14,14 @@ const HorizontalExample: FC<IProps> = () => (
<div className={styles.wrap}>
<Card seamless className={styles.card}>
<div className={styles.editor}>
<Padder className={styles.uploads}>
<CellGrid size={150}>
<div className={styles.cell} />
</CellGrid>
</Padder>
<div className={styles.uploads}>
<div className={styles.cell} />
<div className={styles.cell} />
<div className={styles.cell} />
<div className={styles.cell} />
<div className={styles.cell} />
<div className={styles.cell} />
</div>
<Padder className={styles.features}>
<Group horizontal>

7
src/containers/examples/HorizontalExample/styles.scss
View file

@ -68,7 +68,14 @@
.uploads {
flex: 1;
padding: $gap;
padding-bottom: 0;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
display: grid;
align-items: center;
justify-content: center;
grid-column-gap: $gap;
grid-row-gap: $gap;
}
.cell {