Expand user form display for both Add and Edit of Users

2025-05-24 02:57:37 +08:00
parent 7a125bf0b7
commit 616148f794
2 changed files with 37 additions and 25 deletions
@@ -22,15 +22,15 @@ interface AddUserDialogProps {
 const AddUserDialog = ({ isOpen, setIsOpen, form, onSubmit, isSubmitting }: AddUserDialogProps) => {
  return (
    <Dialog open={isOpen} onOpenChange={setIsOpen}>
-      <DialogContent className="sm:max-w-[700px] w-[95vw]">
-        <DialogHeader>
+      <DialogContent className="sm:max-w-[700px] w-[95vw] max-h-[95vh] flex flex-col">
+        <DialogHeader className="flex-shrink-0">
          <DialogTitle>Add New User</DialogTitle>
          <DialogDescription>
            Create a new user account
          </DialogDescription>
        </DialogHeader>
-        <ScrollArea className="h-[60vh]">
-          <div className="p-4">
+        <ScrollArea className="flex-1 overflow-auto">
+          <div className="p-1">
            <AddUserForm 
              form={form} 
              onSubmit={onSubmit} 
@@ -43,4 +43,4 @@ const AddUserDialog = ({ isOpen, setIsOpen, form, onSubmit, isSubmitting }: AddU
  );
 };

-export default AddUserDialog;
+export default AddUserDialog;