From 33b756219b56c00624cf648b703ea2f6a5a671c6 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Mon, 16 Dec 2024 23:43:33 +0100
Subject: [PATCH] Apply passed "margin top" to image placeholder

---
 src/modules/reader/components/viewer/ReaderPage.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/modules/reader/components/viewer/ReaderPage.tsx b/src/modules/reader/components/viewer/ReaderPage.tsx
index cf4a78c5..3bdcf9f0 100644
--- a/src/modules/reader/components/viewer/ReaderPage.tsx
+++ b/src/modules/reader/components/viewer/ReaderPage.tsx
@@ -98,6 +98,9 @@ export const ReaderPage = forwardRef(
                         display: 'none',
                     }),
                     ...getImageMarginStyling(readingMode.value, doublePage, position),
+                    ...applyStyles(marginTop !== undefined, {
+                        mt: `${marginTop}px`,
+                    }),
                 }}
                 imgStyle={{
                     ...getImageWidthStyling(
@@ -117,7 +120,9 @@ export const ReaderPage = forwardRef(
                     objectPosition: position,
                     userSelect: 'none',
                     ...getImageMarginStyling(readingMode.value, doublePage, position),
-                    mt: `${marginTop}px`,
+                    ...applyStyles(marginTop !== undefined, {
+                        mt: `${marginTop}px`,
+                    }),
                 }}
             />
         );