refactor: update Proxmox firewall view icons for better visual representation of firewall states, enhancing user experience

This commit is contained in:
2025-12-04 19:03:18 -05:00
parent 43effcd1fe
commit d420592759

View File

@@ -54,7 +54,7 @@
wire:click="toggleFirewall"
wire:loading.attr="disabled"
class="px-4 py-2 bg-error text-white rounded-lg hover:bg-error/90 transition-colors text-sm font-medium flex items-center gap-2">
<x-ri-shield-off-line class="size-4" />
<x-ri-close-line class="size-4" />
<span wire:loading.remove wire:target="toggleFirewall">Disable Firewall</span>
<span wire:loading wire:target="toggleFirewall">Disabling...</span>
</button>
@@ -63,7 +63,7 @@
wire:click="toggleFirewall"
wire:loading.attr="disabled"
class="px-4 py-2 bg-success text-white rounded-lg hover:bg-success/90 transition-colors text-sm font-medium flex items-center gap-2">
<x-ri-shield-check-line class="size-4" />
<x-ri-shield-line class="size-4" />
<span wire:loading.remove wire:target="toggleFirewall">Enable Firewall</span>
<span wire:loading wire:target="toggleFirewall">Enabling...</span>
</button>
@@ -123,7 +123,7 @@
wire:loading.attr="disabled"
wire:key="adapter-{{ $adapter['name'] }}"
class="px-3 py-1.5 bg-error text-white rounded-lg hover:bg-error/90 transition-colors text-xs font-medium flex items-center gap-1.5">
<x-ri-close-circle-line class="size-3.5" />
<x-ri-close-line class="size-3.5" />
<span wire:loading.remove wire:target="toggleAdapterFirewall('{{ $adapter['name'] }}')">Disable</span>
<span wire:loading wire:target="toggleAdapterFirewall('{{ $adapter['name'] }}')">...</span>
</button>
@@ -133,7 +133,7 @@
wire:loading.attr="disabled"
wire:key="adapter-{{ $adapter['name'] }}"
class="px-3 py-1.5 bg-success text-white rounded-lg hover:bg-success/90 transition-colors text-xs font-medium flex items-center gap-1.5">
<x-ri-checkbox-circle-line class="size-3.5" />
<x-ri-shield-line class="size-3.5" />
<span wire:loading.remove wire:target="toggleAdapterFirewall('{{ $adapter['name'] }}')">Enable</span>
<span wire:loading wire:target="toggleAdapterFirewall('{{ $adapter['name'] }}')">...</span>
</button>