Update SimpleBackdrop.tsx

aelassas · Jun 9, 2024 · 0a3b70a · 0a3b70a
1 parent 0ad49f9
commit 0a3b70a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/backend/src/components/SimpleBackdrop.tsx b/backend/src/components/SimpleBackdrop.tsx
@@ -11,6 +11,8 @@ interface SimpleBackdropProps {
   text?: string
 }
 
+const marginTop = env.isMobile() ? 56 : 64
+
 const SimpleBackdrop = ({ progress, text }: SimpleBackdropProps) => (
   <div>
     <Backdrop
@@ -19,7 +21,7 @@ const SimpleBackdrop = ({ progress, text }: SimpleBackdropProps) => (
         color: '#fff',
         zIndex: 1402,
         height: window.innerHeight,
-        marginTop: `${document.documentElement.scrollHeight - (window.innerHeight + (env.isMobile() ? 56 : 64))}px`
+        marginTop: `${document.documentElement.scrollTop - marginTop}px`
       }}
     >
       {progress && <CircularProgress color="inherit" sx={{ marginRight: 5 }} />}

diff --git a/frontend/src/components/SimpleBackdrop.tsx b/frontend/src/components/SimpleBackdrop.tsx
@@ -11,6 +11,8 @@ interface SimpleBackdropProps {
   text?: string
 }
 
+const marginTop = env.isMobile() ? 56 : 64
+
 const SimpleBackdrop = ({ progress, text }: SimpleBackdropProps) => (
   <div>
     <Backdrop
@@ -19,7 +21,7 @@ const SimpleBackdrop = ({ progress, text }: SimpleBackdropProps) => (
         color: '#fff',
         zIndex: 1402,
         height: window.innerHeight,
-        marginTop: `${document.documentElement.scrollHeight - (window.innerHeight + (env.isMobile() ? 56 : 64))}px`
+        marginTop: `${document.documentElement.scrollTop - marginTop}px`
       }}
     >
       {progress && <CircularProgress color="inherit" sx={{ marginRight: 5 }} />}