From 8fefddde7a087482302546b39ff2d28af72b328b Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Fri, 4 Oct 2024 13:46:16 +0530
Subject: [PATCH] Associate

---
 .../Collections/CollectionSelector.tsx        | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/web/apps/photos/src/components/Collections/CollectionSelector.tsx b/web/apps/photos/src/components/Collections/CollectionSelector.tsx
index 2e3bd9d8b3..4c2db97f60 100644
--- a/web/apps/photos/src/components/Collections/CollectionSelector.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionSelector.tsx
@@ -51,11 +51,13 @@ export const CollectionSelector: React.FC<CollectionSelectorProps> = ({
     collections,
     ...props
 }) => {
-    const isMobile = useMediaQuery("(max-width: 428px)");
+    // Make the dialog fullscreen if the screen is <= the dialog's max width.
+    const isFullScreen = useMediaQuery("(max-width: 494px)");
 
     const [collectionsToShow, setCollectionsToShow] = useState<
         CollectionSummary[]
     >([]);
+
     useEffect(() => {
         if (!attributes || !props.open) {
             return;
@@ -131,8 +133,8 @@ export const CollectionSelector: React.FC<CollectionSelectorProps> = ({
         <Dialog_
             onClose={onUserTriggeredClose}
             open={props.open}
-            fullScreen={isMobile}
-            fullWidth={true}
+            fullScreen={isFullScreen}
+            fullWidth
         >
             <DialogTitleWithCloseButton onClose={onUserTriggeredClose}>
                 {attributes.intent === CollectionSelectorIntent.upload
@@ -174,21 +176,10 @@ export const Dialog_ = styled(Dialog)(({ theme }) => ({
     },
     "& .MuiDialogTitle-root": {
         padding: "16px",
-        // padding: theme.spacing(2),
         paddingRight: theme.spacing(1),
     },
     "& .MuiDialogContent-root": {
         padding: "16px",
-        overflowY: "overlay",
-        // padding: theme.spacing(2),
-    },
-    [theme.breakpoints.down(AllCollectionMobileBreakpoint)]: {
-        "& .MuiPaper-root": {
-            width: "324px",
-        },
-        "& .MuiDialogContent-root": {
-            padding: 6,
-        },
     },
 }));