diff options
Diffstat (limited to 'src/components/ProfileManagement.tsx')
| -rw-r--r-- | src/components/ProfileManagement.tsx | 31 |
1 files changed, 19 insertions, 12 deletions
diff --git a/src/components/ProfileManagement.tsx b/src/components/ProfileManagement.tsx index ef68844..543609f 100644 --- a/src/components/ProfileManagement.tsx +++ b/src/components/ProfileManagement.tsx @@ -56,24 +56,31 @@ function TextInputModal({ return ( <ModalRoot> - <div style={{ padding: "16px", minWidth: "300px" }}> + <div style={{ padding: "16px", minWidth: "400px" }}> <h2 style={{ marginBottom: "16px" }}>{title}</h2> - <p style={{ marginBottom: "16px" }}>{description}</p> + <p style={{ marginBottom: "24px" }}>{description}</p> - <Field label="Name"> - <TextField - value={value} - onChange={(e) => setValue(e?.target?.value || "")} - /> - </Field> + <div style={{ marginBottom: "24px" }}> + <Field + label="Name" + childrenLayout="below" + childrenContainerWidth="max" + > + <TextField + value={value} + onChange={(e) => setValue(e?.target?.value || "")} + style={{ width: "100%" }} + /> + </Field> + </div> - <div style={{ display: "flex", gap: "8px", marginTop: "16px" }}> - <DialogButton onClick={handleOK} disabled={!value.trim()}> - {okText} - </DialogButton> + <div style={{ display: "flex", gap: "8px", justifyContent: "flex-end" }}> <DialogButton onClick={closeModal}> {cancelText} </DialogButton> + <DialogButton onClick={handleOK} disabled={!value.trim()}> + {okText} + </DialogButton> </div> </div> </ModalRoot> |