feat: enhance UI components with backdrop blur effects and improved background styles for better visual aesthetics
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user