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:
2025-12-18 09:40:58 -05:00
parent 5c5184aec8
commit 0ed29d782e
22 changed files with 6734 additions and 3813 deletions

View File

@@ -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