🚧 Show all when search field has value

This commit is contained in:
Alicia Sykes
2021-08-13 21:48:28 +01:00
parent 5290be9214
commit 095bd3612c
2 changed files with 29 additions and 7 deletions

View File

@@ -1,6 +1,6 @@
<template>
<div :class="`minimal-section-inner ${selected ? 'selected' : ''}`">
<div class="section-items" v-if="selected">
<div :class="`minimal-section-inner ${selected ? 'selected' : ''} ${showAll ? 'show-all': ''}`">
<div class="section-items" v-if="selected || showAll">
<Item
v-for="(item, index) in items"
:id="`${index}_${makeId(item.title)}`"
@@ -48,6 +48,7 @@ export default {
modalOpen: Boolean,
index: Number,
selected: Boolean,
showAll: Boolean,
},
components: {
Item,
@@ -107,6 +108,9 @@ export default {
border: 1px solid var(--primary);
grid-column-start: span var(--col-count, 3);
}
&.show-all {
border: none;
}
}
</style>