diff options
| -rw-r--r-- | src/screens/suggestedPeople/AnimatedTutorial.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
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 |