Use a slide

web/packages/new/photos/components/NameInputDialog.tsx

@@ -6,6 +6,7 @@ import { Dialog, DialogContent, DialogTitle } from "@mui/material";
 import { t } from "i18next";
 import React from "react";
 import type { DialogVisiblityProps } from "./mui-custom";
+import { SlideTransition } from "./SlideTransition";
 
 type NameInputDialogProps = DialogVisiblityProps & {
     /** Title of the dialog. */
@@ -53,7 +54,13 @@ export const NameInputDialog: React.FC<NameInputDialogProps> = ({
     };
 
     return (
-        <Dialog open={open} onClose={onClose} maxWidth="xs" fullWidth>
+        <Dialog
+            open={open}
+            onClose={onClose}
+            maxWidth="xs"
+            fullWidth
+            TransitionComponent={SlideTransition}
+        >
             <DialogTitle>{title}</DialogTitle>
             <DialogContent>
                 <SingleInputForm