Respect device safe area inset in reader

closes #1094
2026-05-05 13:42:10 +02:00
parent e38031a02f
commit d4fd09294d
3 changed files with 6 additions and 1 deletions
--- a/src/features/reader/screens/Reader.tsx
+++ b/src/features/reader/screens/Reader.tsx
@@ -228,6 +228,10 @@ const BaseReader = ({
                maxWidth: `calc(100vw - ${readerNavBarWidth}px)`,
                width: `calc(100vw - ${readerNavBarWidth}px)`,
                height: `100vh`,
+                pt: 'env(safe-area-inset-top)',
+                pb: 'env(safe-area-inset-bottom)',
+                pr: 'env(safe-area-inset-right)',
+                pl: 'env(safe-area-inset-left)',
                marginLeft: `${readerNavBarWidth}px`,
                transition: (theme) =>
                    `width 0.${theme.transitions.duration.shortest}s, margin-left 0.${theme.transitions.duration.shortest}s`,