trent_larson/kickstarter-for-time
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added spinner animations for initial loading and infinite scroll

Browse Source
This commit is contained in:
Jose Olarte III
2023-02-13 18:08:58 +08:00
parent 48bcf1d233
commit a4301694ad
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
project-list.html
View File

@@ -45,8 +45,12 @@
<!-- New Project -->
<a href="project-edit.html" class="fixed right-6 bottom-24 text-center text-4xl leading-none bg-blue-600 text-white w-14 py-2.5 rounded-full"><i class="fa-solid fa-plus fa-fw"></i></a>
<!-- Initial Loading Animation -->
<!-- SHOW ME only during load of first set of results -->
<p class="hidden text-slate-500 text-center italic mt-8 mb-4"><i class="fa-solid fa-spinner fa-spin-pulse"></i> Loading&hellip;</p>
<!-- Results List -->
<ul class="">
<ul>
<li class="border-b border-slate-300">
<a href="project-view.html" class="block py-4 flex gap-4">
<div class="flex-none w-12">
@@ -86,6 +90,10 @@
</a>
</li>
</ul>
<!-- Infinite Scroll Loading Animation -->
<!-- SHOW ME only while loading more results into list -->
<p class="hidden text-slate-500 text-center italic mt-8 mb-4"><i class="fa-solid fa-spinner fa-spin-pulse"></i> Loading More&hellip;</p>
</section>
</body>