cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace top_by widgets loading indicator with a skeleton

Browse Source
This commit is contained in:
Claudio Ortolina
2026-03-28 21:40:51 +00:00
parent 06e296b0e4
commit 87b1b4df4b
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/stats_live/top_by_period.ex
+11 -2
View File
@@ -71,8 +71,17 @@ defmodule MusicLibraryWeb.StatsLive.TopByPeriod do
</:side_actions> </:side_actions>
<.async_result :let={items} assign={assigns[@key]}> <.async_result :let={items} assign={assigns[@key]}>
<:loading> <:loading>
<div class="flex h-182 items-center justify-center"> <div class="mt-4 rounded-md bg-white p-4 shadow-sm dark:bg-zinc-800">
<.loading /> <div class="space-y-2">
<div :for={_ <- 1..10} class="flex items-center space-x-3 p-2">
<div class="size-12 animate-pulse rounded-md bg-zinc-200 dark:bg-zinc-700" />
<div class="min-w-0 flex-1 space-y-1.5">
<div class="h-3 w-24 animate-pulse rounded bg-zinc-200 dark:bg-zinc-700" />
<div class="h-4 w-40 animate-pulse rounded bg-zinc-200 dark:bg-zinc-700" />
</div>
<div class="h-5 w-8 animate-pulse rounded-full bg-zinc-200 dark:bg-zinc-700" />
</div>
</div>
</div> </div>
</:loading> </:loading>
<div class="mt-4 rounded-md bg-white p-4 shadow-sm dark:bg-zinc-800"> <div class="mt-4 rounded-md bg-white p-4 shadow-sm dark:bg-zinc-800">