Properly center loading placeholders of non reader images

2024-12-19 16:38:52 +01:00
parent 90934b164a
commit 91a1f75de6
2 changed files with 13 additions and 8 deletions
--- a/src/modules/reader/components/viewer/ReaderPage.tsx
+++ b/src/modules/reader/components/viewer/ReaderPage.tsx
@@ -96,9 +96,6 @@ export const ReaderPage = forwardRef(
                        display: 'none',
                    }),
                    ...getImageMarginStyling(doublePage, position),
-                    ...applyStyles(marginTop !== undefined, {
-                        mt: `${marginTop}px`,
-                    }),
                }}
                imgStyle={{
                    ...getImageWidthStyling(
@@ -122,6 +119,13 @@ export const ReaderPage = forwardRef(
                        mt: `${marginTop}px`,
                    }),
                }}
+                hideImgStyle={{
+                    visibility: 'hidden',
+                    minWidth: 0,
+                    minHeight: 0,
+                    width: 0,
+                    height: 0,
+                }}
            />
        );
    },