Use column-count to create pseudo masonry layout
This commit is contained in:
parent
bd8135d815
commit
03905dbd83
2 changed files with 17 additions and 9 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue