feat: restyle book component

aulasoftwarelibre · Nov 22, 2023 · bfb1a96 · bfb1a96
1 parent c0f2de9
commit bfb1a96
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/Book/Book.tsx b/src/components/Book/Book.tsx
@@ -12,11 +12,13 @@ export default function Book(props: BookProps) {
   return (
     <>
       <Card className="max-w-[320px]">
-        <CardBody>
+        <CardBody className="h-[400px] overflow-y-hidden object-center">
           <Image alt={title} width={297} height={387} src={image} />
         </CardBody>
-        <CardFooter className="flex flex-col items-start">
-          <div className="text-xl font-bold">{title}</div>
+        <CardFooter className="flex flex-col items-start gap-4 h-[150px]">
+          <div className="line-clamp-2 overflow-hidden text-ellipsis text-xl font-bold">
+            {title}
+          </div>
           <div className="text-sm">{authors.join(', ')}</div>
         </CardFooter>
       </Card>