shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Button loading re-factoring..

Browse Source
This commit is contained in:
Cüneyt Şentürk
2022-06-16 18:32:41 +03:00
parent 68e0b539d5
commit 9b0cb3da35
12 changed files with 71 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
resources/views/components/button/loading.blade.php
View File

@ -1,9 +1,21 @@
@props('action')
@php
if (empty($action)) {
$action = 'form.loading';
}
@endphp
<i
@class([
'animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto',
'before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s]',
'after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]'
])
{{ $attributes }}
@class([
'animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto',
'before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s]',
'after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]'
])
{{ $attributes }}
v-if="{{ $action }}"
>
</i>
</i>
<span :class="[{'opacity-0': {{ $action }}}]">
{!! $slot !!}
</span>