更改布局

.gitignore

@@ -1,2 +1,3 @@
 cmd/testserver
 cmd/authlibskin/config.yaml
+cmd/authlibskin/skin

frontend/src/views/admin/UserAdmin.tsx

@@ -158,11 +158,13 @@ function MyDialog({ open, row, setOpen, onUpdate }: MyDialogProp) {
             <DialogTitle>修改用户信息</DialogTitle>
             <DialogContent sx={{
                 display: "grid", gap: '1em', gridTemplateColumns: {
-                    md: "auto 175px",
                     xs: "1fr"
+                },
+                gridTemplateAreas: {
+                    md: "'a c' 'b b'"
                 }
             }}>
-                <Box sx={{ display: "flex", flexDirection: 'column', gap: '0.5em' }}>
+                <Box sx={{ display: "flex", flexDirection: 'column', gap: '0.5em', gridArea: "a" }}>
                     <TextField
                         margin="dense"
                         label="邮箱"
@@ -196,7 +198,8 @@ function MyDialog({ open, row, setOpen, onUpdate }: MyDialogProp) {
                             return
                         }))}
                     />
-                    <FormGroup>
+                </Box>
+                <FormGroup row sx={{ gridArea: "b" }}>
                     <FormControlLabel control={<Checkbox checked={erow?.is_admin} onChange={e => setErow(produce(v => {
                         v.is_admin = e.target.checked
                     }))} />} label="管理权限" />
@@ -207,8 +210,9 @@ function MyDialog({ open, row, setOpen, onUpdate }: MyDialogProp) {
                         v.del_textures = e.target.checked
                     }))} />} label="清空材质" />
                 </FormGroup>
-                </Box>
+                <Box sx={{ gridArea: "c" }}>
                     <SkinViewUUID uuid={row?.uuid ?? ""} width={175} height={175} />
+                </Box>
             </DialogContent>
             <DialogActions>
                 <Button onClick={handleClose}>取消</Button>