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

This commit is contained in:
pacnpal
2024-11-13 18:57:48 +00:00
parent caba5c6158
commit d68c927a00

View File

@@ -142,10 +142,18 @@
{% endif %}
</div>
{% 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">
<i class="mb-4 text-5xl fas fa-inbox"></i>
<p class="text-lg">No submissions found matching your filters.</p>
</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>
{% endfor %}