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

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

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

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

@ -68,7 +68,14 @@
.uploads { .uploads {
flex: 1; flex: 1;
padding: $gap;
padding-bottom: 0; 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 { .cell {