From 996c2b151772d17d910805bdb5bdfaf8e857d94d Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Thu, 11 Feb 2021 07:21:29 -0800
Subject: styled for iPhone 8

---
 src/screens/suggestedPeople/AnimatedTutorial.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/screens/suggestedPeople/AnimatedTutorial.tsx b/src/screens/suggestedPeople/AnimatedTutorial.tsx
index 9993875d..9606eacb 100644
--- a/src/screens/suggestedPeople/AnimatedTutorial.tsx
+++ b/src/screens/suggestedPeople/AnimatedTutorial.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import CloseIcon from '../../assets/ionicons/close-outline.svg';
 import {StyleSheet, Text, View} from 'react-native';
 import {Image} from 'react-native-animatable';
-import {SCREEN_WIDTH} from '../../utils';
+import {isIPhoneX, SCREEN_WIDTH} from '../../utils';
 import {SafeAreaView} from 'react-native-safe-area-context';
 import {useNavigation} from '@react-navigation/native';
 import {useDispatch, useSelector} from 'react-redux';
@@ -62,15 +62,15 @@ const styles = StyleSheet.create({
     top: '100%',
   },
   textContainer: {
-    width: SCREEN_WIDTH * 0.5,
+    width: isIPhoneX() ? SCREEN_WIDTH * 0.5 : SCREEN_WIDTH * 0.6,
     alignSelf: 'center',
-    top: '65%',
+    top: isIPhoneX() ? '65%' : '45%',
   },
   swipeGif: {
     width: 333,
     height: 250,
     left: '22.5%',
-    top: '75%',
+    top: isIPhoneX() ? '75%' : '45%',
   },
 
   //Styles to adjust moment container
-- 
cgit v1.2.3-70-g09d2