Collapse free spaces in the store area

Closes #2
This commit is contained in:
2020-09-03 11:23:28 +02:00
parent 10c45908d4
commit 49f87908c4
2 changed files with 29 additions and 8 deletions

View File

@ -49,14 +49,16 @@
</svg>
</div>
<div class="store">
<div
class="card"
v-for="item_idx in store.items"
v-bind:class="{selected: item_idx == store.selected}"
v-bind:style="{visibility: store_card_visible(item_idx) ? 'visible' : 'hidden'}"
v-on:click="store_select(item_idx)"
>
<span>{{ store_text(item_idx) }}</span>
<div v-for="row in reduced_store">
<div
class="card"
v-for="item_idx in row"
v-bind:class="{selected: item_idx == store.selected}"
v-bind:style="{visibility: store_card_visible(item_idx) ? 'visible' : 'hidden'}"
v-on:click="store_select(item_idx)"
>
<span>{{ store_text(item_idx) }}</span>
</div>
</div>
</div>
</div>