fix: use primary color for loader, add loader-inherit for colored buttons

This commit is contained in:
2026-01-24 21:14:51 -05:00
parent 4cfd01ba70
commit cc8b999969
5 changed files with 17 additions and 12 deletions

View File

@@ -384,7 +384,7 @@
<div class="flex items-center justify-between mb-4">
<h3 class="text-lg font-semibold">Firewall Rules</h3>
<button type="button" wire:click="startCreateRule" wire:loading.attr="disabled" wire:target="startCreateRule" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm font-medium flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed">
<span wire:loading wire:target="startCreateRule" class="loader size-4"></span>
<span wire:loading wire:target="startCreateRule" class="loader loader-inherit size-4"></span>
<x-ri-add-line wire:loading.remove wire:target="startCreateRule" class="size-4" />
Add Rule
</button>
@@ -663,7 +663,7 @@
<p class="text-sm text-base/60">Create named references to IP addresses or CIDR ranges</p>
</div>
<button type="button" wire:click="startCreateAlias" wire:loading.attr="disabled" wire:target="startCreateAlias" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm font-medium flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed">
<span wire:loading wire:target="startCreateAlias" class="loader size-4"></span>
<span wire:loading wire:target="startCreateAlias" class="loader loader-inherit size-4"></span>
<x-ri-add-line wire:loading.remove wire:target="startCreateAlias" class="size-4" />
Add Alias
</button>
@@ -714,7 +714,7 @@
<p class="text-sm text-base/60">Group multiple IPs/CIDRs for easier rule management</p>
</div>
<button type="button" wire:click="startCreateIPSet" wire:loading.attr="disabled" wire:target="startCreateIPSet" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm font-medium flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed">
<span wire:loading wire:target="startCreateIPSet" class="loader size-4"></span>
<span wire:loading wire:target="startCreateIPSet" class="loader loader-inherit size-4"></span>
<x-ri-add-line wire:loading.remove wire:target="startCreateIPSet" class="size-4" />
Create IP Set
</button>