mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
flow grid appearance
This commit is contained in:
parent
2f73e9ad29
commit
a6385cf4cf
2 changed files with 7 additions and 5 deletions
|
@ -16,21 +16,25 @@ $cols: $content_width / $cell;
|
||||||
|
|
||||||
@media (max-width: $cell * 5) {
|
@media (max-width: $cell * 5) {
|
||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
grid-template-rows: 25vw $cell;
|
||||||
grid-auto-rows: 25vw;
|
grid-auto-rows: 25vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $cell * 4) {
|
@media (max-width: $cell * 4) {
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
grid-template-rows: 40vh 33vw;
|
||||||
grid-auto-rows: 33vw;
|
grid-auto-rows: 33vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $cell * 3) {
|
@media (max-width: $cell * 3) {
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
grid-template-rows: 40vh 50vw;
|
||||||
grid-auto-rows: 50vw;
|
grid-auto-rows: 50vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $cell * 2) {
|
@media (max-width: $cell * 2) {
|
||||||
grid-template-columns: repeat(1, 1fr);
|
grid-template-columns: repeat(1, 1fr);
|
||||||
|
grid-template-rows: 40vh 75vw;
|
||||||
grid-auto-rows: 75vw;
|
grid-auto-rows: 75vw;
|
||||||
grid-column-gap: $gap;
|
grid-column-gap: $gap;
|
||||||
grid-row-gap: $gap;
|
grid-row-gap: $gap;
|
||||||
|
|
|
@ -54,12 +54,10 @@ export const EMPTY_NODE: INode = {
|
||||||
blocks: [],
|
blocks: [],
|
||||||
tags: [],
|
tags: [],
|
||||||
|
|
||||||
options: {
|
|
||||||
flow: {
|
flow: {
|
||||||
display: 'single',
|
display: 'single',
|
||||||
show_description: false,
|
show_description: false,
|
||||||
},
|
},
|
||||||
},
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const NODE_TYPES = {
|
export const NODE_TYPES = {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue