Files
workout/templates/partials/skeleton_graph.html
2026-02-04 09:53:35 +11:00

17 lines
567 B
HTML

<div class="w-full h-full bg-gray-100 rounded-lg animate-pulse relative overflow-hidden">
<!-- Subtle shimmer effect -->
<div
class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full animate-[shimmer_2s_infinite]">
</div>
<div class="flex items-center justify-center h-full">
<div class="text-xs text-gray-400 font-medium">Loading...</div>
</div>
</div>
<style>
@keyframes shimmer {
100% {
transform: translateX(100%);
}
}
</style>