diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx index 9f4f8bb3fa..1ab75e8e32 100644 --- a/src/components/Dialog/index.web.tsx +++ b/src/components/Dialog/index.web.tsx @@ -41,6 +41,7 @@ export function Outer({ children, control, onClose, + webOptions, }: React.PropsWithChildren) { const {_} = useLingui() const {gtMobile} = useBreakpoints() @@ -116,7 +117,7 @@ export function Outer({ a.inset_0, a.z_10, a.align_center, - gtMobile ? a.p_lg : a.p_md, + gtMobile ? a.p_5xl : a.p_xl, {overflowY: 'auto'}, ]}> @@ -124,7 +125,9 @@ export function Outer({ style={[ a.w_full, a.z_20, - a.justify_center, + webOptions?.alignTop + ? undefined + : a.justify_center, a.align_center, { minHeight: web('calc(90vh - 36px)') || undefined, diff --git a/src/components/Dialog/types.ts b/src/components/Dialog/types.ts index 526784baac..88ea9ba731 100644 --- a/src/components/Dialog/types.ts +++ b/src/components/Dialog/types.ts @@ -60,7 +60,9 @@ export type DialogOuterProps = { control: DialogControlProps onClose?: () => void nativeOptions?: Omit - webOptions?: {} + webOptions?: { + alignTop?: boolean + } testID?: string } diff --git a/src/components/ReportDialog/index.tsx b/src/components/ReportDialog/index.tsx index 4402152abe..d8efc4c969 100644 --- a/src/components/ReportDialog/index.tsx +++ b/src/components/ReportDialog/index.tsx @@ -22,7 +22,7 @@ import {ReportDialogProps} from './types' export function ReportDialog(props: ReportDialogProps) { return ( - +