From 1f56aec4deb9001a889a9acbff3107f6c8d5837c Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@thetaggid.com>
Date: Thu, 5 Nov 2020 22:09:20 -0500
Subject: [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>
---
 src/components/common/ComingSoon.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/components/common/ComingSoon.tsx')

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%',
   },
 });
-- 
cgit v1.2.3-70-g09d2

