diff --git a/resource/interface/client/input.lua b/resource/interface/client/input.lua index fe85e6f..3ab7a70 100644 --- a/resource/interface/client/input.lua +++ b/resource/interface/client/input.lua @@ -35,6 +35,7 @@ local input ---@class InputDialogOptionsProps ---@field allowCancel? boolean +---@field size? 'xs' | 'sm' | 'md' | 'lg' | 'xl' ---@param heading string ---@param rows string[] | InputDialogRowProps[] diff --git a/web/src/features/dialog/InputDialog.tsx b/web/src/features/dialog/InputDialog.tsx index 565e6df..5112191 100644 --- a/web/src/features/dialog/InputDialog.tsx +++ b/web/src/features/dialog/InputDialog.tsx @@ -103,7 +103,7 @@ const InputDialog: React.FC = () => { centered closeOnEscape={fields.options?.allowCancel !== false} closeOnClickOutside={false} - size="xs" + size={fields.options?.size || 'xs'} styles={{ title: { textAlign: 'center', width: '100%', fontSize: 18 } }} title={fields.heading} withCloseButton={false} diff --git a/web/src/typings/dialog.ts b/web/src/typings/dialog.ts index 607b0e1..51ad7f0 100644 --- a/web/src/typings/dialog.ts +++ b/web/src/typings/dialog.ts @@ -5,6 +5,7 @@ export interface InputProps { rows: Array; options?: { allowCancel?: boolean; + size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'; }; }