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 -->
|
<!-- Slot para ações -->
|
||||||
<template v-slot:item.actions="{ item }">
|
<template v-slot:item.actions="{ item }">
|
||||||
<div class="action-buttons">
|
<div class="action-buttons" style="display: flex; gap: 8px;">
|
||||||
<v-btn icon color="primary" size="small" @click="openEditPage('holiday', item)">
|
<v-btn
|
||||||
<v-icon>mdi-pencil</v-icon>
|
icon
|
||||||
|
variant="text"
|
||||||
|
color="black"
|
||||||
|
density="compact"
|
||||||
|
@click="openEditPage('holiday', item)"
|
||||||
|
>
|
||||||
|
<v-icon size="small">mdi-pencil-outline</v-icon>
|
||||||
</v-btn>
|
</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>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user