Refactor button components to use Proxmox UI library
- Updated button components across various views to utilize the new Proxmox UI button structure. - Replaced instances of <x-button.primary> and <x-button.secondary> with <x-proxmox::ui.button> for consistency and improved styling. - Adjusted button attributes and loading states to align with the new component design. - Ensured that all button functionalities remain intact while enhancing the overall UI consistency.
This commit is contained in:
@@ -204,16 +204,14 @@
|
||||
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<x-button.primary wire:click="saveDisplaySettings" wire:loading.attr="disabled">
|
||||
<x-loading target="saveDisplaySettings" />
|
||||
<x-proxmox::ui.button wire:click="saveDisplaySettings" wire:loading.attr="disabled" variant="primary">
|
||||
<span wire:loading.remove wire:target="saveDisplaySettings">Save Display Settings</span>
|
||||
<span wire:loading wire:target="saveDisplaySettings">Saving...</span>
|
||||
</x-button.primary>
|
||||
<x-button.secondary wire:click="loadDisplayConfiguration" wire:loading.attr="disabled" class="text-sm font-medium">
|
||||
<x-loading target="loadDisplayConfiguration" />
|
||||
</x-proxmox::ui.button>
|
||||
<x-proxmox::ui.button wire:click="loadDisplayConfiguration" wire:loading.attr="disabled" variant="secondary">
|
||||
<span wire:loading.remove wire:target="loadDisplayConfiguration">Refresh</span>
|
||||
<span wire:loading wire:target="loadDisplayConfiguration">Refreshing...</span>
|
||||
</x-button.secondary>
|
||||
</x-proxmox::ui.button>
|
||||
</div>
|
||||
<p class="text-xs text-gray-500 dark:text-gray-400">Changes are applied to the VM configuration immediately but require a restart to take effect.</p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user