Enhance UI components with visual polish, including hover animations and improved skeleton loaders for better user experience
This commit is contained in:
@@ -33,7 +33,7 @@
|
||||
class="transition-all duration-500 ease-out"
|
||||
>
|
||||
@if($icon)
|
||||
<div class="flex items-center justify-center bg-background-secondary rounded-full transition-transform duration-300 hover:scale-110 {{ $compact ? 'size-11 mb-3' : 'size-16 mb-5' }}"
|
||||
<div class="flex items-center justify-center bg-background-secondary rounded-full transition-transform duration-300 hover:scale-110 empty-state-float {{ $compact ? 'size-11 mb-3' : 'size-16 mb-5' }}"
|
||||
:class="loaded ? 'scale-100' : 'scale-90'"
|
||||
style="transition: transform 0.5s ease-out 0.1s;">
|
||||
<x-dynamic-component
|
||||
|
||||
Reference in New Issue
Block a user