Apply passed "margin top" to image placeholder

2024-12-16 23:43:33 +01:00
parent 3ec0cc94bb
commit 33b756219b
1 changed files with 6 additions and 1 deletions
--- 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`,
+                    }),
                }}
            />
        );