mobile: fix oboarding ui on iphone

This commit is contained in:
ammarahm-ed
2023-06-06 12:35:49 +05:00
parent f37cd3fe63
commit 2be801ba3b
3 changed files with 8 additions and 8 deletions

View File

@@ -94,12 +94,12 @@ export const Login = ({ changeMode }) => {
>
<View
style={{
flex: 0.45,
flexGrow: 0.8,
justifyContent: "flex-end",
paddingHorizontal: 20,
backgroundColor: colors.nav,
marginBottom: 20,
borderBottomWidth: 1,
marginBottom: 12,
borderBottomColor: colors.border,
alignSelf: deviceMode !== "mobile" ? "center" : undefined,
borderWidth: deviceMode !== "mobile" ? 1 : null,
@@ -156,7 +156,8 @@ export const Login = ({ changeMode }) => {
: "99.9%",
backgroundColor: colors.bg,
alignSelf: "center",
paddingHorizontal: 20
paddingHorizontal: 20,
flexGrow: 1
}}
>
<Input

View File

@@ -108,7 +108,7 @@ export const Signup = ({ changeMode, trial }) => {
>
<View
style={{
flex: 0.35,
flexGrow: 1,
justifyContent: "flex-end",
paddingHorizontal: 20,
backgroundColor: colors.nav,
@@ -165,7 +165,7 @@ export const Signup = ({ changeMode, trial }) => {
paddingHorizontal: 20,
backgroundColor: colors.bg,
alignSelf: "center",
flex: 0.6
flexGrow: 0.5
}}
>
<Input

View File

@@ -130,11 +130,10 @@ const AppLock = ({ route }) => {
) : (
<View
style={{
flex: 0.35,
flexGrow: 1,
justifyContent: "flex-end",
paddingHorizontal: 20,
backgroundColor: colors.nav,
marginBottom: 20,
borderBottomWidth: 1,
borderBottomColor: colors.border,
alignSelf: deviceMode !== "mobile" ? "center" : undefined,
@@ -194,7 +193,7 @@ const AppLock = ({ route }) => {
paddingHorizontal: 12,
width: DDS.isTab && welcome ? "50%" : "100%",
alignSelf: "center",
flex: 0.65
flexGrow: 1
}}
>
{modes.map((item) => (