From a576f7c97e1ee9acc6801453dd070513be0d94e0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pablo=20Andr=C3=A9s=20V=C3=A9lez=20Vidal?= Date: Tue, 18 Jul 2023 10:01:31 +0200 Subject: [PATCH] MM-53586 - small fixes in onboarding screens (#7444) * MM-53586 - small fixes in onboarding screens * remove the min-width and set the fixed button width --- app/screens/onboarding/footer_buttons.tsx | 6 +++++- .../onboarding/illustrations/integrations.tsx | 20 ++++--------------- 2 files changed, 9 insertions(+), 17 deletions(-) diff --git a/app/screens/onboarding/footer_buttons.tsx b/app/screens/onboarding/footer_buttons.tsx index cf01c3ce2..9bda80644 100644 --- a/app/screens/onboarding/footer_buttons.tsx +++ b/app/screens/onboarding/footer_buttons.tsx @@ -22,6 +22,8 @@ type Props = { const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({ button: { marginTop: 5, + justifyContent: 'center', + alignItems: 'center', }, rowIcon: { color: theme.buttonColor, @@ -32,6 +34,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({ nextButtonText: { flexDirection: 'row', position: 'absolute', + justifyContent: 'center', + width: 120, }, signInButtonText: { flexDirection: 'row', @@ -47,7 +51,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({ })); const AnimatedButton = Animated.createAnimatedComponent(Pressable); -const BUTTON_SIZE = 100; +const BUTTON_SIZE = 120; const FooterButtons = ({ theme, diff --git a/app/screens/onboarding/illustrations/integrations.tsx b/app/screens/onboarding/illustrations/integrations.tsx index 56c9c584b..310a29a45 100644 --- a/app/screens/onboarding/illustrations/integrations.tsx +++ b/app/screens/onboarding/illustrations/integrations.tsx @@ -296,33 +296,21 @@ const IntegrationsSvg = ({theme, styles}: Props) => { strokeOpacity={0.16} /> - - -