From 68c230dae931d408ba478d358243dcb819bcb1ed Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Tue, 19 Nov 2024 08:10:47 +0530
Subject: [PATCH] Fix scroll (partially)

We want the consent message to be scrollable. The current changes are a partial
solution, the navbar still shows through at times.
---
 web/apps/photos/src/components/FullScreenDropZone.tsx | 1 +
 web/apps/photos/src/styles/global.css                 | 1 +
 web/packages/new/photos/components/gallery/index.tsx  | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/apps/photos/src/components/FullScreenDropZone.tsx b/web/apps/photos/src/components/FullScreenDropZone.tsx
index 9de95d8f5c..d02b0da2bc 100644
--- a/web/apps/photos/src/components/FullScreenDropZone.tsx
+++ b/web/apps/photos/src/components/FullScreenDropZone.tsx
@@ -14,6 +14,7 @@ const DropDiv = styled("div")`
     flex: 1;
     display: flex;
     flex-direction: column;
+    height: 100%;
 `;
 const Overlay = styled("div")`
     border-width: 8px;
diff --git a/web/apps/photos/src/styles/global.css b/web/apps/photos/src/styles/global.css
index e60b1944f4..7a06257c3c 100644
--- a/web/apps/photos/src/styles/global.css
+++ b/web/apps/photos/src/styles/global.css
@@ -49,6 +49,7 @@ body {
     flex: 1;
     display: flex;
     flex-direction: column;
+    height: 100%;
 }
 
 .pswp__button--custom {
diff --git a/web/packages/new/photos/components/gallery/index.tsx b/web/packages/new/photos/components/gallery/index.tsx
index 37b31a3b54..db1afadf39 100644
--- a/web/packages/new/photos/components/gallery/index.tsx
+++ b/web/packages/new/photos/components/gallery/index.tsx
@@ -94,7 +94,7 @@ export const PeopleEmptyStateDisabled: React.FC = () => {
     });
 
     return (
-        <Stack sx={{ alignItems: "center" }}>
+        <Stack sx={{ alignItems: "center", flex: 1, overflow: "auto" }}>
             <Paper sx={{ maxWidth: "390px", padding: "4px", mb: "2rem" }}>
                 {!showConsent ? (
                     <EnableML onEnable={() => setShowConsent(true)} />