atridad/atridotdad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated UX to remove the weird looking cards. No more cards!
All checks were successful
Docker Deploy / build-and-push (push) Successful in 5m47s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2025-12-15 10:28:48 -07:00
parent 4ab28078e8
commit 203f83bfcb
8 changed files with 324 additions and 353 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/ProjectsLoader.astro
View File

@@ -1,46 +1,7 @@
---
const skeletonCount = 6;
---
<div
class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"
>
{
Array.from({ length: skeletonCount }).map((_, i) => (
<div class="card bg-accent text-accent-content w-full max-w-sm shrink shadow-lg">
<div class="card-body">
<div class="skeleton h-8 w-3/4 mx-auto mb-4" />
---
<div class="space-y-2 mb-4">
<div class="skeleton h-4 w-full" />
<div class="skeleton h-4 w-5/6 mx-auto" />
</div>
<div class="divider my-2 before:bg-accent-content/30 after:bg-accent-content/30" />
<div class="flex flex-wrap gap-3 justify-center">
<div class="skeleton h-5 w-24" />
<div class="skeleton h-5 w-24" />
</div>
<div class="flex flex-wrap gap-2 justify-center mt-2">
<div class="skeleton h-5 w-16 rounded-full" />
<div class="skeleton h-5 w-20 rounded-full" />
</div>
<div class="divider my-2 before:bg-accent-content/30 after:bg-accent-content/30" />
<div class="flex gap-2 flex-wrap justify-center">
<div class="skeleton h-5 w-16 rounded-full" />
<div class="skeleton h-5 w-20 rounded-full" />
<div class="skeleton h-5 w-14 rounded-full" />
</div>
<div class="card-actions justify-center gap-2 mt-4">
<div class="skeleton h-8 w-20" />
</div>
</div>
</div>
))
}
<div class="flex justify-center items-center py-12">
<span class="loading loading-spinner loading-lg text-primary"></span>
</div>