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

fixed grid

Browse source
This commit is contained in:
muerwre 2019-08-09 15:35:17 +07:00
parent b45ecadd20
commit ba614a115d
4 changed files with 25 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/flow/Cell/index.tsx
View file

@ -18,10 +18,10 @@ const Cell: FC<IProps> = ({
is_hero,
}) => (
<div
className={classNames(styles.cell, { is_hero })}
className={classNames(styles.cell, `vert-${height}`, `hor-${width}`)}
style={{
gridRowEnd: `span ${height}`,
gridColumnEnd: `span ${width}`,
// gridRowEnd: `span ${height}`,
// gridColumnEnd: `span ${width}`,
}}
>
{ title && <div className={styles.title}>{title}</div> }

18
src/components/flow/Cell/styles.scss
View file

@ -32,3 +32,21 @@
width: 100%;
box-sizing: border-box;
}
:global {
.vert-1 {
grid-row-end: span 1;
}
.vert-2 {
grid-row-end: span 2;
}
.hor-1 {
grid-column-end: span 1;
}
.hor-2 {
grid-column-end: span 2;
}
}