Use a disambiguating background

2024-10-15 16:25:12 +05:30
parent a745b69ebe
commit 2c91eb82bc
1 changed files with 9 additions and 2 deletions
--- a/web/packages/new/photos/components/gallery/PeopleHeader.tsx
+++ b/web/packages/new/photos/components/gallery/PeopleHeader.tsx
@@ -454,11 +454,18 @@ const SuggestionsDialog: React.FC<SuggestionsDialogProps> = ({
            fullScreen={isSmallWidth}
            PaperProps={{ sx: { minHeight: "80svh" } }}
        >
-            <SpaceBetweenFlex sx={{ padding: "20px 16px 16px 16px" }}>
+            <SpaceBetweenFlex
+                sx={{
+                    padding: "20px 16px 16px 16px",
+                    backgroundColor: state.showChoices
+                        ? (theme) => theme.colors.fill.faint
+                        : "transparent",
+                }}
+            >
                <Stack sx={{ gap: "8px" }}>
                    <DialogTitle sx={{ "&&&": { p: 0 } }}>
                        {state.showChoices
-                            ? pt("Saved suggestions")
+                            ? pt("Saved choices")
                            : pt("Review suggestions")}
                    </DialogTitle>
                    <Typography color="text.muted">