diff options
| author | Shravya Ramesh <shravs1208@gmail.com> | 2021-02-11 07:21:29 -0800 |
|---|---|---|
| committer | Shravya Ramesh <shravs1208@gmail.com> | 2021-02-11 07:21:29 -0800 |
| commit | 996c2b151772d17d910805bdb5bdfaf8e857d94d (patch) | |
| tree | 08928c6ae3ae2193b80055a3a5790ebc8731491e | |
| parent | e95ff2d483903b4d390c8dd0edf4ab60561b8334 (diff) | |
styled for iPhone 8
| -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 |