diff options
| author | taehoon <th.dev91@gmail.com> | 2019-04-03 22:48:00 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-04-17 11:32:48 -0400 |
| commit | d9b3f5be4733f0eef4d3c8dff982224cd1a5303e (patch) | |
| tree | fe16c6a0d122962cb34c37b88a6ae0d52b2ce027 /src/components/selectable_list/selectable_list.vue | |
| parent | 23b9d1eaa31efc83705288409e5993279ae969e6 (diff) | |
use SelectableList for blocks/mutes list
Diffstat (limited to 'src/components/selectable_list/selectable_list.vue')
| -rw-r--r-- | src/components/selectable_list/selectable_list.vue | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/src/components/selectable_list/selectable_list.vue b/src/components/selectable_list/selectable_list.vue index 11853672..2e0671ef 100644 --- a/src/components/selectable_list/selectable_list.vue +++ b/src/components/selectable_list/selectable_list.vue @@ -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> |