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

8
search.html
View File

@@ -63,6 +63,10 @@
</ul>
</div>
<!-- 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="">
<li class="border-b border-slate-300">
@@ -104,6 +108,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>