Private
Public Access
1
0

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> </div>
<div class="flex gap-3 justify-end"> <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 Cancel
</x-proxmox::ui.button> </button>
<x-proxmox::ui.button wire:click="deleteRule" wire:loading.attr="disabled" variant="danger"> <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.remove wire:target="deleteRule">Delete Rule</span>
<span wire:loading wire:target="deleteRule">Deleting...</span> <span wire:loading wire:target="deleteRule">Deleting...</span>
</x-proxmox::ui.button> </button>
</div> </div>
</div> </div>
</div> </div>