kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-09 07:48:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Messes with the animation of the "Copied" snackbar in auth

Browse Source
This commit is contained in:
Manav Rathi 2025-02-04 17:04:57 +05:30
parent 7e50de6e61
commit 383b7542c8
No known key found for this signature in database
4 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/apps/photos/src/components/PhotoViewer/index.tsx
View File

@ -1035,6 +1035,7 @@ const ConversionFailedNotification: React.FC<
<Snackbar <Snackbar
open={open} open={open}
anchorOrigin={{ vertical: "bottom", horizontal: "right" }} anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
sx={(theme) => ({ boxShadow: theme.vars.palette.boxShadow.menu })}
> >
<Paper sx={{ width: "320px" }}> <Paper sx={{ width: "320px" }}>
<Button <Button

6
web/apps/photos/src/components/Upload/UploadProgress.tsx
View File

@ -148,7 +148,11 @@ const UploadProgressContext = createContext<UploadProgressContextT>({
}); });
const MinimizedUploadProgress: React.FC = () => ( const MinimizedUploadProgress: React.FC = () => (
<Snackbar open anchorOrigin={{ horizontal: "right", vertical: "bottom" }}> <Snackbar
open
anchorOrigin={{ horizontal: "right", vertical: "bottom" }}
sx={(theme) => ({ boxShadow: theme.vars.palette.boxShadow.menu })}
>
<Paper sx={{ width: "min(360px, 100svw)" }}> <Paper sx={{ width: "min(360px, 100svw)" }}>
<UploadProgressHeader /> <UploadProgressHeader />
</Paper> </Paper>

1
web/packages/base/components/utils/theme.ts
View File

@ -804,7 +804,6 @@ const components: Components = {
// Set a default border radius for all snackbar's (e.g. // Set a default border radius for all snackbar's (e.g.
// notification popups). // notification popups).
borderRadius: "8px", borderRadius: "8px",
boxShadow: "var(--mui-palette-boxShadow-menu)",
}, },
}, },
}, },

5
web/packages/new/photos/components/Notification.tsx
View File

@ -141,14 +141,15 @@ export const Notification: React.FC<NotificationProps> = ({
vertical: vertical ?? "bottom", vertical: vertical ?? "bottom",
}} }}
sx={[ sx={[
{ (theme) => ({
width: "min(320px, 100vw)", width: "min(320px, 100vw)",
// If the `color` of the button is a translucent one, e.g. // If the `color` of the button is a translucent one, e.g.
// "secondary", then the notification becomes opaque, which // "secondary", then the notification becomes opaque, which
// is not what we want. So give the entire snackbar a solid // is not what we want. So give the entire snackbar a solid
// background color. // background color.
backgroundColor: "background.default", backgroundColor: "background.default",
}, boxShadow: theme.vars.palette.boxShadow.menu,
}),
...(sx ? (isSxArray(sx) ? sx : [sx]) : []), ...(sx ? (isSxArray(sx) ? sx : [sx]) : []),
]} ]}
> >