Skip to content

Commit 6e4fdff

Browse files
authored
Aligning action buttons (Netflix#909)
1 parent 9547642 commit 6e4fdff

1 file changed

Lines changed: 16 additions & 2 deletions

File tree

  • src/dispatch/static/dispatch/src/auth

‎src/dispatch/static/dispatch/src/auth/Table.vue‎

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,8 +27,21 @@
2727
:sort-desc.sync="descending"
2828
:loading="loading"
2929
loading-text="Loading... Please wait"
30-
@click:row="editShow"
3130
>
31+
<template v-slot:item.data-table-actions="{ item }">
32+
<v-menu bottom left>
33+
<template v-slot:activator="{ on }">
34+
<v-btn icon v-on="on">
35+
<v-icon>mdi-dots-vertical</v-icon>
36+
</v-btn>
37+
</template>
38+
<v-list>
39+
<v-list-item @click="editShow(item)">
40+
<v-list-item-title>View / Edit</v-list-item-title>
41+
</v-list-item>
42+
</v-list>
43+
</v-menu>
44+
</template>
3245
</v-data-table>
3346
</v-card>
3447
</v-flex>
@@ -51,7 +64,8 @@ export default {
5164
return {
5265
headers: [
5366
{ text: "Email", value: "email", sortable: true },
54-
{ text: "Role", value: "role", sortable: true }
67+
{ text: "Role", value: "role", sortable: true },
68+
{ text: "", value: "data-table-actions", sortable: false, align: "end" }
5569
]
5670
}
5771
},

0 commit comments

Comments
 (0)