Refactor Proxmox views for improved styling and consistency
- Updated subdomain.blade.php to enhance button styles and modal transitions. - Changed text colors for better readability and consistency across the UI. - Refactored system.blade.php to unify button components and improve layout structure. - Adjusted modal z-index values for consistent layering. - Enhanced accessibility by ensuring proper text contrast and hover states.
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
<div class="" wire:poll.10s="pollEligibility">
|
||||
<x-proxmox::ui.button
|
||||
<x-button.primary
|
||||
wire:click="$set('visible', true)"
|
||||
:disabled="!$this->canCreateBackup"
|
||||
class="disabled:cursor-not-allowed" variant="primary">
|
||||
class="disabled:cursor-not-allowed">
|
||||
<x-ri-add-circle-fill class="size-4" />
|
||||
Create Backup
|
||||
</x-proxmox::ui.button>
|
||||
</x-button.primary>
|
||||
@if($visible)
|
||||
<x-modal id="backup" title="Backup Server" open>
|
||||
<div class="flex flex-col gap-4">
|
||||
@@ -26,15 +26,15 @@
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row gap-4 mt-4">
|
||||
<x-proxmox::ui.button wire:click="$set('visible', false)" variant="secondary">Cancel</x-proxmox::ui.button>
|
||||
<x-proxmox::ui.button wire:click="backup" wire:loading.attr="disabled" wire:loading.class="opacity-50" wire:loading.attr="aria-busy" wire:target="backup"
|
||||
<x-button.secondary wire:click="$set('visible', false)">Cancel</x-button.secondary>
|
||||
<x-button.primary wire:click="backup" wire:loading.attr="disabled" wire:loading.class="opacity-50" wire:loading.attr="aria-busy" wire:target="backup"
|
||||
:disabled="!$this->canCreateBackup"
|
||||
class="disabled:cursor-not-allowed" variant="primary">
|
||||
class="disabled:cursor-not-allowed">
|
||||
<x-loading target="backup" />
|
||||
<div wire:loading.remove wire:target="backup">
|
||||
Create backup
|
||||
</div>
|
||||
</x-proxmox::ui.button>
|
||||
</x-button.primary>
|
||||
</div>
|
||||
</x-modal>
|
||||
@endif
|
||||
|
||||
Reference in New Issue
Block a user