64ed90d993
- Deleted redundant components (`AddActionButton`, `AlertBox`, `AlertStack`, `BackButton`, `CancelButton`, and `CollapsableArea`) and related files. - Removed unused models (`Book`, `BookSerie`, `BookTables`, `Character`, and `Chapter`) to reduce codebase clutter. - Updated project structure and references to reflect these removals.
26 lines
1.2 KiB
TypeScript
26 lines
1.2 KiB
TypeScript
export default function BookCardSkeleton() {
|
|
return (
|
|
<div className="bg-tertiary rounded-xl h-full flex flex-col animate-pulse">
|
|
<div className="relative w-full h-[400px] sm:h-32 md:h-48 lg:h-64 xl:h-80 flex-shrink-0">
|
|
<div className="w-full h-full bg-secondary rounded-t-xl"></div>
|
|
<div
|
|
className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-background to-transparent h-20"></div>
|
|
</div>
|
|
|
|
<div className="p-3 flex-1 flex flex-col justify-between">
|
|
<div>
|
|
<div className="h-4 bg-secondary rounded-lg mb-2 w-3/4 mx-auto"></div>
|
|
<div className="h-3 bg-tertiary rounded-lg w-1/2 mx-auto"></div>
|
|
</div>
|
|
<div className="flex justify-between items-center mt-4">
|
|
<div className="h-6 bg-secondary rounded-full w-16"></div>
|
|
<div className="flex items-center space-x-2">
|
|
<div className="h-8 w-8 bg-secondary rounded-lg"></div>
|
|
<div className="h-8 w-8 bg-secondary rounded-lg"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|