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 }" v-slot="{ item }"
> >
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-outline-secondary" @click.stop="showBoxContent(item.name)" >content</button> <button class="btn btn-secondary" @click.stop="showBoxContent(item.name)" >
<button class="btn btn-outline-secondary" @click.stop="" >delete</button> <font-awesome-icon icon="archive"/> content
</button>
<button class="btn btn-danger" @click.stop="" >
<font-awesome-icon icon="trash"/> delete
</button>
</div> </div>
</Table> </Table>
</div> </div>

View file

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