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
|
<dotlottie-wc src="{{ asset('assets/animations/boxing-cat.json') }}" autoplay loop
|
||||||
style="width: 200px; height: 200px; margin: 0 auto;">
|
style="width: 200px; height: 200px; margin: 0 auto;">
|
||||||
</dotlottie-wc>
|
</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. 😉✨' !!}
|
{!! $message ?? 'Yahhh, sepertinya belum ada data yang tersedia. 😉✨' !!}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -60,10 +60,9 @@ class="font-medium text-zinc-700 dark:text-zinc-200">{{ formatCurrencyNumber($lo
|
|||||||
</p>
|
</p>
|
||||||
</flux:card>
|
</flux:card>
|
||||||
@empty
|
@empty
|
||||||
@include('components.animations.lottie.boxing-cat')
|
@include('components.animations.lottie.boxing-cat', [
|
||||||
<div class="py-10 text-center text-zinc-500 italic">
|
'message' => 'Belum ada riwayat tercatat untuk barang ini. 🐱'
|
||||||
Belum ada riwayat tercatat untuk barang ini.
|
])
|
||||||
</div>
|
|
||||||
@endforelse
|
@endforelse
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -62,9 +62,6 @@ class="font-medium text-zinc-700 dark:text-zinc-200">{{ formatCurrencyNumber($lo
|
|||||||
</flux:card>
|
</flux:card>
|
||||||
@empty
|
@empty
|
||||||
@include('components.animations.lottie.boxing-cat')
|
@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
|
@endforelse
|
||||||
</div>
|
</div>
|
||||||
</flux:main>
|
</flux:main>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user