refactor: Update action buttons in Holiday.vue for improved styling and icon usage
This commit is contained in:
parent
d60af1cffc
commit
3368bbbf2f
@ -80,12 +80,25 @@
|
||||
|
||||
<!-- Slot para ações -->
|
||||
<template v-slot:item.actions="{ item }">
|
||||
<div class="action-buttons">
|
||||
<v-btn icon color="primary" size="small" @click="openEditPage('holiday', item)">
|
||||
<v-icon>mdi-pencil</v-icon>
|
||||
<div class="action-buttons" style="display: flex; gap: 8px;">
|
||||
<v-btn
|
||||
icon
|
||||
variant="text"
|
||||
color="black"
|
||||
density="compact"
|
||||
@click="openEditPage('holiday', item)"
|
||||
>
|
||||
<v-icon size="small">mdi-pencil-outline</v-icon>
|
||||
</v-btn>
|
||||
<v-btn icon color="error" size="small" @click="confirmDelete('holiday', item)">
|
||||
<v-icon>mdi-delete</v-icon>
|
||||
|
||||
<v-btn
|
||||
icon
|
||||
variant="text"
|
||||
color="error"
|
||||
density="compact"
|
||||
@click="confirmDelete('holiday', item)"
|
||||
>
|
||||
<v-icon size="small">mdi-delete-outline</v-icon>
|
||||
</v-btn>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user