cat/Purrse
Private
Public Access
1
0
Fork 0
Code Activity

Fix payee action buttons layout and chart tooltip hover highlight

Browse Source 
Place edit and delete buttons side by side in payees table using flex.
Debounce chart highlight clear to persist during tooltip hover transitions.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Catherine Renelle
2026-02-15 21:10:17 -05:00
parent 94049c08a8
commit fcffdce6d8
2 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/payees/PayeesView.vue
+9 -7
View File
@@ -51,12 +51,14 @@
</v-chip>
</template>
<template #item.actions="{ item }">
<v-btn icon size="x-small" variant="text" @click="openEditDialog(item)">
<v-icon size="small">mdi-pencil</v-icon>
</v-btn>
<v-btn icon size="x-small" variant="text" color="error" @click="confirmDelete(item)">
<v-icon size="small">mdi-delete</v-icon>
</v-btn>
<div class="d-flex align-center ga-1">
<v-btn icon size="x-small" variant="text" @click="openEditDialog(item)">
<v-icon size="small">mdi-pencil</v-icon>
</v-btn>
<v-btn icon size="x-small" variant="text" color="error" @click="confirmDelete(item)">
<v-icon size="small">mdi-delete</v-icon>
</v-btn>
</div>
</template>
</v-data-table>
</v-card>
@@ -176,7 +178,7 @@ const headers = [
{ title: 'Default Category', key: 'defaultCategoryName' },
{ title: 'Aliases', key: 'aliases', sortable: false },
{ title: 'Status', key: 'isActive', width: '90px' },
{ title: 'Actions', key: 'actions', sortable: false, width: '90px' },
{ title: 'Actions', key: 'actions', sortable: false, width: '100px' },
]
const filteredPayees = computed(() => {