diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-08-16 15:42:29 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-08-16 15:42:29 -0400 |
| commit | 44ed9e7b49e48601d8d0577251716e9d8a314bd0 (patch) | |
| tree | 6295593588e4ef42f1e026eedb8867672ad038b9 /src | |
| parent | ca74a157ca5cc22c9b4292c895af35be96b54588 (diff) | |
| download | decky-lsfg-vk-44ed9e7b49e48601d8d0577251716e9d8a314bd0.tar.gz decky-lsfg-vk-44ed9e7b49e48601d8d0577251716e9d8a314bd0.zip | |
fix width of new profile text field
Diffstat (limited to 'src')
| -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> |