icons for actions

This commit is contained in:
j3d1 2019-12-24 14:55:10 +01:00
parent 6290eee156
commit e7ba2acc0c
2 changed files with 15 additions and 7 deletions

View file

@ -9,8 +9,12 @@
v-slot="{ item }"
>
<div class="btn-group">
<button class="btn btn-outline-secondary" @click.stop="showBoxContent(item.name)" >content</button>
<button class="btn btn-outline-secondary" @click.stop="" >delete</button>
<button class="btn btn-secondary" @click.stop="showBoxContent(item.name)" >
<font-awesome-icon icon="archive"/> content
</button>
<button class="btn btn-danger" @click.stop="" >
<font-awesome-icon icon="trash"/> delete
</button>
</div>
</Table>
</div>

View file

@ -23,8 +23,12 @@
@itemActivated="openLightboxModalWith($event)"
>
<div class="btn-group">
<button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)" >edit</button>
<button class="btn btn-outline-secondary" @click.stop="deleteItem(item)" >delete</button>
<button class="btn btn-secondary" @click.stop="openEditingModalWith(item)" >
<font-awesome-icon icon="edit"/>
</button>
<button class="btn btn-danger" @click.stop="deleteItem(item)" >
<font-awesome-icon icon="trash"/>
</button>
</div>
</Table>
</div>
@ -47,10 +51,10 @@
<div class="row mx-auto mt-2">
<div class="btn-group">
<button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)">
edit
<font-awesome-icon icon="edit"/> edit
</button>
<button class="btn btn-outline-secondary" @click.stop="deleteItem(item)">
delete
<button class="btn btn-outline-danger" @click.stop="deleteItem(item)">
<font-awesome-icon icon="trash"/> delete
</button>
</div>
</div>