pacnpal/thrillwiki_django_no_react
1
1
Fork 0
mirror of https://github.com/pacnpal/thrillwiki_django_no_react.git synced 2025-12-20 16:51:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

Move loading indicator to center of empty state div in submission list

Browse Source
This commit is contained in:
pacnpal
2024-11-13 18:57:48 +00:00
parent caba5c6158
commit d68c927a00
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/moderation/partials/submission_list.html
View File

@@ -142,10 +142,18 @@
{% endif %} {% endif %}
</div> </div>
{% empty %} {% empty %}
<div class="p-8 text-center bg-white border rounded-lg dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50"> <div class="relative p-8 text-center bg-white border rounded-lg dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50">
<div class="text-gray-600 dark:text-gray-400"> <div class="text-gray-600 dark:text-gray-400">
<i class="mb-4 text-5xl fas fa-inbox"></i> <i class="mb-4 text-5xl fas fa-inbox"></i>
<p class="text-lg">No submissions found matching your filters.</p> <p class="text-lg">No submissions found matching your filters.</p>
</div> </div>
<div id="loading-indicator"
class="absolute inset-0 flex items-center justify-center rounded-lg htmx-indicator bg-gray-900/80">
<div class="flex items-center p-6 space-x-4">
<div class="w-8 h-8 border-4 border-blue-500 rounded-full animate-spin border-t-transparent"></div>
<span class="text-gray-300">Loading...</span>
</div>
</div>
</div> </div>
{% endfor %} {% endfor %}