boban
/
nimuli
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ui): blur label during loading so only spinner visible 

wire:loading.class adds opacity-40 + blur-sm to label span,
transition-[filter,opacity] smooths the blur in/out.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
main
boban 2026-05-17 15:17:10 +02:00
parent be8fdc8fe4
commit 2412abcde7
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/views/components/ui/button.blade.php
View File

@ -21,7 +21,7 @@ $cls = $base . ' ' . ($variants[$variant] ?? $variants['primary']);
{{ $attributes->merge(['type' => $type, 'class' => $cls]) }} {{ $attributes->merge(['type' => $type, 'class' => $cls]) }}
@if($action) wire:loading.attr="disabled" wire:target="{{ $action }}" @endif @if($action) wire:loading.attr="disabled" wire:target="{{ $action }}" @endif
> >
<span @if($action) wire:loading.class="opacity-50" wire:target="{{ $action }}" @endif class="flex items-center gap-2"> <span @if($action) wire:loading.class="opacity-40 blur-sm" wire:target="{{ $action }}" @endif class="flex items-center gap-2 transition-[filter,opacity] duration-150">
{{ $slot->isNotEmpty() ? $slot : $label }} {{ $slot->isNotEmpty() ? $slot : $label }}
</span> </span>
@if($action) @if($action)