improve: ui 改进若干

ncuhome · Aug 8, 2023 · 0ec329c · 0ec329c
1 parent 895227d
commit 0ec329c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 9 deletions.
diff --git a/web/src/components/user/MfaCodeDialog.tsx b/web/src/components/user/MfaCodeDialog.tsx
@@ -38,19 +38,22 @@ export const MfaCodeDialog: FC = () => {
   }
 
   useEffect(() => {
-    if (callback) setCode("");
+    if (callback) {
+      setCode("");
+    }
   }, [callback]);
 
   return (
-    <Dialog open={Boolean(callback)} onClose={() => setCallback(null)}>
+    <Dialog
+      open={Boolean(callback)}
+      onAnimationStart={() => {
+        if (callback) inputEl.current?.focus();
+      }}
+      onClose={() => setCallback(null)}
+    >
       <DialogTitle>双因素认证校验</DialogTitle>
-      <DialogContent
-        sx={{
-          width: "20rem",
-        }}
-      >
+      <DialogContent>
         <TextField
-          autoFocus
           fullWidth
           margin="dense"
           inputRef={inputEl}
@@ -61,6 +64,10 @@ export const MfaCodeDialog: FC = () => {
             if (!Number(e.target.value) && e.target.value != "") return;
             setCode(e.target.value);
           }}
+          sx={{
+            width: "16rem",
+            maxWidth: "100%",
+          }}
         />
       </DialogContent>
       <DialogActions>

diff --git a/web/src/pages/User/pages/Dev/ssh/index.tsx b/web/src/pages/User/pages/Dev/ssh/index.tsx
@@ -183,7 +183,7 @@ const Ssh: FC = () => {
           <Stack
             alignItems={"center"}
             justifyContent={"center"}
-            height={"10rem"}
+            height={"15rem"}
           >
             <Stack
               justifyContent={"center"}

diff --git a/web/src/pages/User/style.css b/web/src/pages/User/style.css
@@ -9,6 +9,7 @@
     min-height: 100%;
     display: flex;
     flex-direction: column;
+    padding-bottom: 1rem;
 }
 
 #user .MuiContainer-root > .MuiBox-root {