style: replace loader animation with hourglass icon

This commit is contained in:
2026-01-24 21:28:04 -05:00
parent 97b1d51734
commit cad25d09c3
5 changed files with 16 additions and 16 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 loader-inherit size-4"></span>
<x-ri-hourglass-fill wire:loading wire:target="startCreateRule" class="size-4 animate-pulse" />
<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 loader-inherit size-4"></span>
<x-ri-hourglass-fill wire:loading wire:target="startCreateAlias" class="size-4 animate-pulse" />
<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 loader-inherit size-4"></span>
<x-ri-hourglass-fill wire:loading wire:target="startCreateIPSet" class="size-4 animate-pulse" />
<x-ri-add-line wire:loading.remove wire:target="startCreateIPSet" class="size-4" />
Create IP Set
</button>