Refactor loading states to render empty divs for better UX consistency

- Replace "Loading..." text with empty divs in various components
- Simplify loading placeholders to improve visual stability during data fetches
This commit is contained in:
Nikita
2025-12-31 18:04:45 +02:00
parent 6baa6a91ac
commit b5d55cbf54
10 changed files with 13 additions and 73 deletions
-5
View File
@@ -99,11 +99,6 @@ function ArchivePage() {
</p>
</div>
<div className="flex flex-col items-end gap-2 text-sm text-white/60">
{loading && (
<span className="text-xs uppercase tracking-[0.3em] text-white/40">
Loading
</span>
)}
<button
type="button"
className="flex items-center gap-2 rounded-full bg-white/90 px-5 py-2 text-sm font-semibold uppercase tracking-[0.3em] text-slate-900 transition hover:bg-white disabled:cursor-not-allowed disabled:bg-white/40"