Joseph.Rawlings/Virtnet.bond
Private
Public Access
1
0
Fork 0
Code Activity

style: replace simple spinner with animated loader

Browse Source 
- Add new .loader CSS class with clip-path animation
- Uses loader-clip and loader-rotate keyframe animations
- Replaces border-spinner with more polished visual effect
- Applied across storage, firewall, backups, overview, subdomain views
This commit is contained in:
Joseph.Rawlings
2026-01-24 21:06:16 -05:00
parent f4828be3be
commit 46dcab5519
6 changed files with 56 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
extensions/Servers/Proxmox/views/backups.blade.php
View File

@@ -109,7 +109,7 @@
wire:loading.attr="disabled"
wire:target="promptDelete('{{ $backup->volid }}')"
class="bg-background border border-neutral px-3 py-2 rounded-md text-sm font-semibold flex items-center gap-2 text-error disabled:opacity-50 disabled:cursor-not-allowed">
<span wire:loading wire:target="promptDelete('{{ $backup->volid }}')" class="w-4 h-4 border-2 border-current border-r-transparent rounded-full animate-spin"></span>
<span wire:loading wire:target="promptDelete('{{ $backup->volid }}')" class="loader w-4 h-4"></span>
<x-ri-delete-bin-fill wire:loading.remove wire:target="promptDelete('{{ $backup->volid }}')" class="w-4 h-4"/> Delete
</button>
</div>