diff --git a/src/screens/Settings/components/ChangePasswordDialog.tsx b/src/screens/Settings/components/ChangePasswordDialog.tsx index e76e5c3cc4..2859e52efb 100644 --- a/src/screens/Settings/components/ChangePasswordDialog.tsx +++ b/src/screens/Settings/components/ChangePasswordDialog.tsx @@ -1,5 +1,5 @@ import {useState} from 'react' -import {View} from 'react-native' +import {useWindowDimensions, View} from 'react-native' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import * as EmailValidator from 'email-validator' @@ -9,7 +9,7 @@ import {checkAndFormatResetCode} from '#/lib/strings/password' import {logger} from '#/logger' import {useAgent, useSession} from '#/state/session' import {ErrorMessage} from '#/view/com/util/error/ErrorMessage' -import {atoms as a, useBreakpoints, web} from '#/alf' +import {android, atoms as a, useBreakpoints, web} from '#/alf' import {Button, ButtonIcon, ButtonText} from '#/components/Button' import * as Dialog from '#/components/Dialog' import * as TextField from '#/components/forms/TextField' @@ -27,8 +27,12 @@ export function ChangePasswordDialog({ }: { control: Dialog.DialogControlProps }) { + const {height} = useWindowDimensions() + return ( - + @@ -156,7 +160,7 @@ function Inner() { return ( + style={web({maxWidth: 400})}> @@ -212,25 +216,11 @@ function Inner() { )} - + {stage === Stages.RequestCode ? ( <> - {!gtMobile && ( - - )} - {gtMobile ? ( - - ) : ( + + {!gtMobile && (