studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Scope kanban masonry to fix inspirations masonry layout

Browse source
This commit is contained in:
Timothée Goguely 2024-11-20 15:41:55 +01:00
parent 2c574069f5
commit c4621f9584
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/views/Kanban.vue
View file

@ -70,25 +70,25 @@ function openDialog(targetStepSlug) {
} }
/* Masonry */ /* Masonry */
.masonry > * { .kanban .masonry > * {
margin-bottom: var(--space-16); margin-bottom: var(--space-16);
} }
.masonry > *:only-child { .kanban .masonry > *:only-child {
column-span: all; column-span: all;
transform: translateY(50%); transform: translateY(50%);
} }
@media (min-width: 40rem) { @media (min-width: 40rem) {
.masonry { .kanban .masonry {
column-count: 2; column-count: 2;
} }
} }
@media (min-width: 65rem) { @media (min-width: 65rem) {
.masonry { .kanban .masonry {
column-count: 3; column-count: 3;
} }
} }
@media (min-width: 90rem) { @media (min-width: 90rem) {
.masonry { .kanban .masonry {
column-count: 4; column-count: 4;
} }
} }