use SelectableList for blocks/mutes list

This commit is contained in:
taehoon 2019-04-03 22:48:00 -04:00
parent 23b9d1eaa3
commit d9b3f5be47
3 changed files with 23 additions and 12 deletions

View file

@ -1,10 +1,22 @@
<template>
<div>
<Checkbox v-model="checked" />
<div class="selectable-list">
<div v-for="item in items">
<Checkbox v-model="checked" />
<slot name="item" :item="item" />
</div>
<div class="selectable-list-empty-content faint" v-if="items.length === 0">
<slot name="empty" />
</div>
</div>
</template>
<script src="./selectable_row.js"></script>
<script src="./selectable_list.js"></script>
<style lang="scss">
.selectable-list {
&-empty-content {
text-align: center;
padding: 10px;
}
}
</style>