Use column-count to create pseudo masonry layout

This commit is contained in:
Timothée Goguely 2024-09-11 11:22:14 +02:00
parent bd8135d815
commit 03905dbd83
2 changed files with 17 additions and 9 deletions

View file

@ -2,7 +2,6 @@
<figure
v-if="currentTab === 'all' || isFavorite"
class="flex"
:style="'--rows: ' + (index % 2 ? 2 : 3)"
>
<button
class="favorite"
@ -63,7 +62,6 @@ figure {
grid-row: span var(--rows);
width: 100%;
height: 100%;
margin: 0;
border-radius: var(--rounded-2xl);
overflow: hidden;
}