feat: enhance UI components with backdrop blur effects and improved background styles for better visual aesthetics

This commit is contained in:
Julien Froidefond
2025-10-17 11:09:07 +02:00
parent 8d6f8f4de7
commit faca1cdce6
44 changed files with 112 additions and 101 deletions

View File

@@ -1,15 +1,15 @@
export function BookSkeleton() {
return (
<div className="fixed inset-0 bg-background flex items-center justify-center">
<div className="fixed inset-0 bg-background/80 backdrop-blur-md flex items-center justify-center">
<div className="w-full h-full max-w-6xl mx-auto flex flex-col items-center justify-center space-y-4">
{/* Barre de navigation */}
<div className="w-full h-12 bg-muted rounded animate-pulse" />
<div className="w-full h-12 bg-muted/80 backdrop-blur-md rounded animate-pulse" />
{/* Page du livre */}
<div className="w-full flex-1 bg-muted rounded animate-pulse" />
<div className="w-full flex-1 bg-muted/80 backdrop-blur-md rounded animate-pulse" />
{/* Barre de contrôles */}
<div className="w-full h-16 bg-muted rounded animate-pulse" />
<div className="w-full h-16 bg-muted/80 backdrop-blur-md rounded animate-pulse" />
</div>
</div>
);