feat: enhance boxing-cat Lottie component to accept custom messages and update its text styling, centralizing empty state messages.
This commit is contained in:
parent
60fe24b7bf
commit
9f15960d59
@ -2,7 +2,7 @@
|
||||
<dotlottie-wc src="{{ asset('assets/animations/boxing-cat.json') }}" autoplay loop
|
||||
style="width: 200px; height: 200px; margin: 0 auto;">
|
||||
</dotlottie-wc>
|
||||
<p class="block text-center italic mt-5 text-home-foreground font-medium">
|
||||
<p class="block text-center italic mt-5 text-zinc-500 dark:text-zinc-400 font-medium">
|
||||
{!! $message ?? 'Yahhh, sepertinya belum ada data yang tersedia. 😉✨' !!}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -60,10 +60,9 @@ class="font-medium text-zinc-700 dark:text-zinc-200">{{ formatCurrencyNumber($lo
|
||||
</p>
|
||||
</flux:card>
|
||||
@empty
|
||||
@include('components.animations.lottie.boxing-cat')
|
||||
<div class="py-10 text-center text-zinc-500 italic">
|
||||
Belum ada riwayat tercatat untuk barang ini.
|
||||
</div>
|
||||
@include('components.animations.lottie.boxing-cat', [
|
||||
'message' => 'Belum ada riwayat tercatat untuk barang ini. 🐱'
|
||||
])
|
||||
@endforelse
|
||||
</div>
|
||||
|
||||
|
||||
@ -62,9 +62,6 @@ class="font-medium text-zinc-700 dark:text-zinc-200">{{ formatCurrencyNumber($lo
|
||||
</flux:card>
|
||||
@empty
|
||||
@include('components.animations.lottie.boxing-cat')
|
||||
<div class="py-10 text-center text-zinc-500 italic">
|
||||
Belum ada riwayat tercatat untuk barang ini.
|
||||
</div>
|
||||
@endforelse
|
||||
</div>
|
||||
</flux:main>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user