Preload csss & js, add skeleton graphs for loading

2026-02-04 09:53:35 +11:00
parent 71a5ae590e
commit 3fabde145d
4 changed files with 24 additions and 6 deletions
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -133,9 +133,7 @@
                        <div class="w-full mt-2 pb-2 aspect-video"
                            hx-get="{{ url_for('get_exercise_progress_for_user', person_id=person.id, exercise_id=exercise.id, min_date=min_date, max_date=max_date) }}"
                            hx-trigger="intersect once" hx-swap="outerHTML">
-                            <div class="flex items-center justify-center h-full bg-gray-50 rounded-lg">
-                                <div class="text-sm text-gray-400 animate-pulse font-medium">Loading graph...</div>
-                            </div>
+                            {{ render_partial('partials/skeleton_graph.html') }}
                        </div>

                        <table class="min-w-full divide-y divide-gray-200">