[TMA-347] Adjusted Coming Soon Image to look nice on smaller screens (#107)

* Adjusted image and text to also look nice on iphone8

* Percentage

Co-authored-by: Ashm Walia <ashmwalia@outlook.com>

1 files changed, 4 insertions, 3 deletions

diff --git a/src/components/common/ComingSoon.tsx b/src/components/common/ComingSoon.tsx
index 5e1414e2..16b65b58 100644
--- a/src/components/common/ComingSoon.tsx
+++ b/src/components/common/ComingSoon.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import {StyleSheet, View, Text, Image} from 'react-native';
+import {SCREEN_WIDTH} from '../../utils';
 import {Background} from '../onboarding';
 
 const ComingSoon: React.FC = () => {
@@ -25,8 +26,8 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   image: {
-    width: 400,
-    height: 400,
+    width: SCREEN_WIDTH,
+    height: SCREEN_WIDTH,
   },
   textContainer: {
     marginTop: '30%',
@@ -44,7 +45,7 @@ const styles = StyleSheet.create({
     fontSize: 16,
     fontWeight: '600',
     textAlign: 'center',
-    marginBottom: '16%',
+    marginBottom: '5%',
     marginHorizontal: '10%',
   },
 });