muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 21:06:42 +07:00
Code Packages Activity Actions

flow grid now has 5 columns

Browse source
This commit is contained in:
Fedor Katurov 2019-10-23 14:51:34 +07:00
parent 744f79053b
commit ed3f6369fb
5 changed files with 34 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -91,6 +91,16 @@
grid-column-end: span 2;
}
:global(.horizontal),
:global(.quadro) {
grid-column-end: span 2;
}
:global(.vertical),
:global(.quadro) {
grid-row-end: span 2;
}
.is_text {
background: none;
padding: 10px;

8
src/components/flow/FlowGrid/styles.scss
View file

@ -14,9 +14,15 @@ $cols: $content_width / $cell;
grid-column-gap: $grid_line;
grid-row-gap: $grid_line;
@media (max-width: $cell * 6) {
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 40vh 20vw;
grid-auto-rows: 20vw;
}
@media (max-width: $cell * 5) {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 25vw $cell;
grid-template-rows: 40vh 25vw;
grid-auto-rows: 25vw;
}