fix onboarding finish screen UI for ipad (#1982)

haqq-network · Jul 2, 2024 · ce1932a · ce1932a
1 parent 607f463
commit ce1932a
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/finish.tsx b/src/components/finish.tsx
@@ -9,6 +9,7 @@ import {
   PopupContainer,
   Spacer,
   Text,
+  TextVariant,
 } from '@app/components/ui';
 import {useTheme} from '@app/hooks';
 import {I18N} from '@app/i18n';
@@ -33,15 +34,20 @@ export const Finish = ({onFinish, testID, title}: FinishProps) => {
 
   return (
     <PopupContainer testID={testID}>
-      <Spacer centered>
+      <Spacer>
         <LottieWrap
           style={styles.animation}
           source={animation}
           autoPlay={true}
           loop={false}
         />
+        <Text
+          variant={TextVariant.t4}
+          i18n={title}
+          style={styles.title}
+          testID={`${testID}_title`}
+        />
       </Spacer>
-      <Text t4 i18n={title} style={styles.title} testID={`${testID}_title`} />
       <Button
         style={styles.button}
         variant={ButtonVariant.contained}
@@ -59,7 +65,6 @@ const styles = StyleSheet.create({
     width: 380,
   },
   title: {
-    marginBottom: 76,
     textAlign: 'center',
     width: 300,
     alignSelf: 'center',