fix: replace custom button components with standard HTML buttons for improved consistency and styling

This commit is contained in:
2025-12-18 09:09:46 -05:00
parent 640e468699
commit 613b16a23a

View File

@@ -1117,13 +1117,13 @@
</div>
</div>
<div class="flex gap-3 justify-end">
<x-proxmox::ui.button wire:click="cancelDeleteRule" variant="secondary">
<button wire:click="cancelDeleteRule" class="px-4 py-2 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors text-sm font-medium">
Cancel
</x-proxmox::ui.button>
<x-proxmox::ui.button wire:click="deleteRule" wire:loading.attr="disabled" variant="danger">
</button>
<button wire:click="deleteRule" wire:loading.attr="disabled" class="px-4 py-2 rounded-lg text-sm font-medium text-white transition-colors" style="background-color: #dc2626;" onmouseover="this.style.backgroundColor='#b91c1c'" onmouseout="this.style.backgroundColor='#dc2626'">
<span wire:loading.remove wire:target="deleteRule">Delete Rule</span>
<span wire:loading wire:target="deleteRule">Deleting...</span>
</x-proxmox::ui.button>
</button>
</div>
</div>
</div>