From bfb1a96954200528205409497f17c14c2274321d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20Go=CC=81mez=20Bachiller?= <sergio@uco.es>
Date: Wed, 22 Nov 2023 16:34:47 +0100
Subject: [PATCH] feat: restyle book component

---
 src/components/Book/Book.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Book/Book.tsx b/src/components/Book/Book.tsx
index dbbbf0b..1e47fcc 100644
--- 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>