From 05bdcf3905b9fbe4ffc2d2387779ef7a4ddb1c41 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sun, 1 Sep 2024 00:42:24 +0200
Subject: [PATCH] Center manga page thumbnail loading placeholder

---
 src/components/manga/MangaDetails.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/manga/MangaDetails.tsx b/src/components/manga/MangaDetails.tsx
index d590e6c3..3cc09439 100644
--- a/src/components/manga/MangaDetails.tsx
+++ b/src/components/manga/MangaDetails.tsx
@@ -122,7 +122,23 @@ const Thumbnail = ({ manga }: { manga: Partial<MangaThumbnailInfo> }) => {
                     },
                 }}
             >
-                <SpinnerImage src={Mangas.getThumbnailUrl(manga)} alt="Manga Thumbnail" />
+                <SpinnerImage
+                    src={Mangas.getThumbnailUrl(manga)}
+                    alt="Manga Thumbnail"
+                    spinnerStyle={{
+                        borderRadius: 0.5,
+                        width: '150px',
+                        height: '225px',
+                        [theme.breakpoints.up('lg')]: {
+                            width: '200px',
+                            height: '300px',
+                        },
+                        [theme.breakpoints.up('xl')]: {
+                            width: '300px',
+                            height: '450px',
+                        },
+                    }}
+                />
                 <Stack
                     {...bindTrigger(popupState)}
                     sx={{