From b755ad373f150ebcbcf1207ef3062204b5e120a5 Mon Sep 17 00:00:00 2001
From: abhijeetChawla <84376771+abhijeetChawla@users.noreply.github.com>
Date: Sun, 31 Oct 2021 22:55:57 +0530
Subject: [PATCH] add aspect ratio to the manga card. (#56)

* added an aspect ratio to the manga card.

* added a comment and chaged the ratio to the recommeded
---
 src/components/MangaCard.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/MangaCard.tsx b/src/components/MangaCard.tsx
index c84c4318..a9c0f243 100644
--- a/src/components/MangaCard.tsx
+++ b/src/components/MangaCard.tsx
@@ -17,9 +17,11 @@ import SpinnerImage from 'components/util/SpinnerImage';
 
 const useStyles = makeStyles((theme) => ({
     root: {
-        height: '100%',
-        width: '100%',
         display: 'flex',
+        // Preserve the shape of the manga cards, without this the manga card would chage it's
+        // if all the images in a row failed to load then the whole row would change into a
+        //  square shape
+        aspectRatio: '225/350',
     },
     wrapper: {
         position: 'relative',