From 2412abcde771a9715843c2740f336f780490eafd Mon Sep 17 00:00:00 2001
From: boban <boban.blaskovic@gmail.com>
Date: Sun, 17 May 2026 15:17:10 +0200
Subject: [PATCH] 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>
---
 resources/views/components/ui/button.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/components/ui/button.blade.php b/resources/views/components/ui/button.blade.php
index 57c5bfe..9940175 100644
--- a/resources/views/components/ui/button.blade.php
+++ b/resources/views/components/ui/button.blade.php
@@ -21,7 +21,7 @@ $cls = $base . ' ' . ($variants[$variant] ?? $variants['primary']);
     {{ $attributes->merge(['type' => $type, 'class' => $cls]) }}
     @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 }}
     </span>
     @if($action)