From 56fbed75e5e9f5f2aef2f873443067f5dac6ec85 Mon Sep 17 00:00:00 2001
From: Sadaqat Ali <48380998+aliseyalvi@users.noreply.github.com>
Date: Sun, 26 Mar 2023 14:11:48 +0500
Subject: [PATCH 1/4] fixed signin screen imgs issue

---
 .../loginHeader/view/loginHeaderStyles.js     | 22 +++++++++++--------
 .../loginHeader/view/loginHeaderView.js       | 17 +++++++++-----
 2 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/src/components/loginHeader/view/loginHeaderStyles.js b/src/components/loginHeader/view/loginHeaderStyles.js
index 1692ed49e..9f7959981 100644
--- a/src/components/loginHeader/view/loginHeaderStyles.js
+++ b/src/components/loginHeader/view/loginHeaderStyles.js
@@ -4,7 +4,7 @@ export default EStyleSheet.create({
   container: {
     flex: 1,
     flexDirection: 'column',
-    height: '$deviceHeight / 4',
+    height: '$deviceHeight / 3',
     backgroundColor: '$primaryBackgroundColor',
   },
   safeArea: {
@@ -12,7 +12,7 @@ export default EStyleSheet.create({
   },
   body: {
     flexDirection: 'row',
-    maxHeight: '$deviceHeight / 4',
+    maxHeight: '$deviceHeight / 3',
     overflow: 'hidden',
     backgroundColor: '$primaryBackgroundColor',
     height: '$deviceHeight / 3.9',
@@ -32,16 +32,16 @@ export default EStyleSheet.create({
   },
   mascot: {
     position: 'absolute',
-    width: 160,
-    height: 227,
-    marginTop: 40,
-    right: -20,
+    width: 145,
+    height: 210,
+    marginTop: 4,
+    right: 10,
   },
   titleText: {
     alignSelf: 'center',
     marginTop: 20,
     marginLeft: 32,
-    width: '$deviceWidth / 4',
+    width: '$deviceWidth / 3',
   },
   headerRow: {
     width: '$deviceWidth',
@@ -50,11 +50,15 @@ export default EStyleSheet.create({
     backgroundColor: '$primaryBackgroundColor',
     paddingVertical: 8,
   },
+  logoContainer: {
+    paddingLeft: 32,
+    paddingRight: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
   logo: {
     width: 32,
     height: 32,
-    marginLeft: 32,
-    alignSelf: 'center',
   },
   headerButton: {
     margin: 10,
diff --git a/src/components/loginHeader/view/loginHeaderView.js b/src/components/loginHeader/view/loginHeaderView.js
index 595254e13..fddf2dd8e 100644
--- a/src/components/loginHeader/view/loginHeaderView.js
+++ b/src/components/loginHeader/view/loginHeaderView.js
@@ -33,10 +33,13 @@ class LoginHeaderView extends PureComponent {
       <SafeAreaView style={styles.safeArea}>
         <View styles={styles.container}>
           <View style={styles.headerRow}>
-            <Image
-              style={styles.logo}
-              source={require('../../../assets/ecency_logo_transparent.png')}
-            />
+            <View style={styles.logoContainer}>
+              <Image
+                resizeMode="contain"
+                style={styles.logo}
+                source={require('../../../assets/ecency_logo_transparent.png')}
+              />
+            </View>
             <View style={styles.headerButton}>
               <TextButton
                 onPress={onPress}
@@ -54,7 +57,11 @@ class LoginHeaderView extends PureComponent {
                 <Text style={styles.title}>{title}</Text>
                 <Text style={styles.description}>{description}</Text>
               </View>
-              <Image style={styles.mascot} source={require('../../../assets/love_mascot.png')} />
+              <Image
+                resizeMode="contain"
+                style={styles.mascot}
+                source={require('../../../assets/love_mascot.png')}
+              />
             </View>
           </Animatable.View>
           <LineBreak />

From a82d55274efef64c07b1063140f8be7c8b7db3cc Mon Sep 17 00:00:00 2001
From: Sadaqat Ali <48380998+aliseyalvi@users.noreply.github.com>
Date: Sun, 26 Mar 2023 14:14:57 +0500
Subject: [PATCH 2/4] fixed register screen imgs issue

---
 src/screens/register/registerScreen.tsx | 2 +-
 src/screens/register/registerStyles.js  | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/screens/register/registerScreen.tsx b/src/screens/register/registerScreen.tsx
index 0a9904bec..7b907fa31 100644
--- a/src/screens/register/registerScreen.tsx
+++ b/src/screens/register/registerScreen.tsx
@@ -183,7 +183,7 @@ const RegisterScreen = ({ navigation, route }) => {
     <SafeAreaView style={styles.container}>
       <StatusBar hidden translucent />
       <View style={styles.headerRow}>
-        <Image style={styles.logo} source={ESTEEM_SMALL_LOGO} />
+        <Image resizeMode="contain" style={styles.logo} source={ESTEEM_SMALL_LOGO} />
         <View style={styles.headerButton}>
           <TextButton
             onPress={() => {
diff --git a/src/screens/register/registerStyles.js b/src/screens/register/registerStyles.js
index 5a5139930..e288ed644 100644
--- a/src/screens/register/registerStyles.js
+++ b/src/screens/register/registerStyles.js
@@ -31,6 +31,7 @@ export default EStyleSheet.create({
     flexDirection: 'row',
     backgroundColor: '$primaryBackgroundColor',
     justifyContent: 'space-between',
+
   },
   description: {
     textAlignVertical: 'center',
@@ -53,6 +54,7 @@ export default EStyleSheet.create({
     alignSelf: 'center',
     marginTop: 20,
     marginLeft: 32,
+    width: '$deviceWidth / 3',
   },
   headerRow: {
     flexDirection: 'row',

From 4d999272ac0901d543aea395e8257e00d2cc1fc5 Mon Sep 17 00:00:00 2001
From: Sadaqat Ali <48380998+aliseyalvi@users.noreply.github.com>
Date: Mon, 3 Apr 2023 11:39:03 +0500
Subject: [PATCH 3/4] changed login/register screens mascots dimension to
 percentages

---
 .../loginHeader/view/loginHeaderStyles.js       | 14 +++++++++-----
 .../loginHeader/view/loginHeaderView.js         | 12 +++++++-----
 src/screens/register/registerScreen.tsx         |  4 +++-
 src/screens/register/registerStyles.js          | 17 ++++++++++++-----
 4 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/src/components/loginHeader/view/loginHeaderStyles.js b/src/components/loginHeader/view/loginHeaderStyles.js
index 9f7959981..cdb165d0f 100644
--- a/src/components/loginHeader/view/loginHeaderStyles.js
+++ b/src/components/loginHeader/view/loginHeaderStyles.js
@@ -16,6 +16,8 @@ export default EStyleSheet.create({
     overflow: 'hidden',
     backgroundColor: '$primaryBackgroundColor',
     height: '$deviceHeight / 3.9',
+    justifyContent: 'space-between',
+    alignItems: 'center',
   },
   description: {
     textAlignVertical: 'center',
@@ -30,18 +32,20 @@ export default EStyleSheet.create({
     color: '$primaryDarkGray',
     marginBottom: 16,
   },
+  mascotContainer: {
+    flex: 1,
+  },
   mascot: {
-    position: 'absolute',
-    width: 145,
-    height: 210,
     marginTop: 4,
-    right: 10,
+    width: '80%',
+    height: '80%',
   },
   titleText: {
     alignSelf: 'center',
     marginTop: 20,
     marginLeft: 32,
-    width: '$deviceWidth / 3',
+    marginRight: 12,
+    flex: 1,
   },
   headerRow: {
     width: '$deviceWidth',
diff --git a/src/components/loginHeader/view/loginHeaderView.js b/src/components/loginHeader/view/loginHeaderView.js
index fddf2dd8e..7c3ca23d3 100644
--- a/src/components/loginHeader/view/loginHeaderView.js
+++ b/src/components/loginHeader/view/loginHeaderView.js
@@ -57,11 +57,13 @@ class LoginHeaderView extends PureComponent {
                 <Text style={styles.title}>{title}</Text>
                 <Text style={styles.description}>{description}</Text>
               </View>
-              <Image
-                resizeMode="contain"
-                style={styles.mascot}
-                source={require('../../../assets/love_mascot.png')}
-              />
+              <View style={styles.mascotContainer}>
+                <Image
+                  resizeMode="contain"
+                  style={styles.mascot}
+                  source={require('../../../assets/love_mascot.png')}
+                />
+              </View>
             </View>
           </Animatable.View>
           <LineBreak />
diff --git a/src/screens/register/registerScreen.tsx b/src/screens/register/registerScreen.tsx
index 7b907fa31..ae6d1522f 100644
--- a/src/screens/register/registerScreen.tsx
+++ b/src/screens/register/registerScreen.tsx
@@ -206,7 +206,9 @@ const RegisterScreen = ({ navigation, route }) => {
               {intl.formatMessage({ id: 'register.title_description' })}
             </Text>
           </View>
-          <Image style={styles.mascot} source={ESTEEM_LOGO} />
+          <View style={styles.mascotContainer}>
+            <Image style={styles.mascot} source={ESTEEM_LOGO} />
+          </View>
         </View>
       </Animatable.View>
       <KeyboardAvoidingView
diff --git a/src/screens/register/registerStyles.js b/src/screens/register/registerStyles.js
index e288ed644..78247001c 100644
--- a/src/screens/register/registerStyles.js
+++ b/src/screens/register/registerStyles.js
@@ -25,13 +25,15 @@ export default EStyleSheet.create({
   },
   input: {
     color: '$primaryDarkText',
-    flex:1,
+    flex: 1,
   },
   header: {
     flexDirection: 'row',
+    overflow: 'hidden',
     backgroundColor: '$primaryBackgroundColor',
+    height: '$deviceHeight / 5',
     justifyContent: 'space-between',
-
+    alignItems: 'center',
   },
   description: {
     textAlignVertical: 'center',
@@ -46,15 +48,20 @@ export default EStyleSheet.create({
     color: '$primaryDarkGray',
     marginBottom: 16,
   },
+  mascotContainer: {
+    flex: 1,
+  },
   mascot: {
-    width: 160,
-    height: 127,
+    marginTop: 4,
+    width: '90%',
+    height: '90%',
   },
   titleText: {
     alignSelf: 'center',
     marginTop: 20,
     marginLeft: 32,
-    width: '$deviceWidth / 3',
+    marginRight: 12,
+    flex: 1,
   },
   headerRow: {
     flexDirection: 'row',

From 5dae369ebbb5b370421f3abc8d465ec4fd803fb6 Mon Sep 17 00:00:00 2001
From: Sadaqat Ali <48380998+aliseyalvi@users.noreply.github.com>
Date: Sat, 8 Apr 2023 13:55:07 +0500
Subject: [PATCH 4/4] changed mascot dimension on register screen

---
 src/components/loginHeader/view/loginHeaderStyles.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/loginHeader/view/loginHeaderStyles.js b/src/components/loginHeader/view/loginHeaderStyles.js
index cdb165d0f..caf6b1fa4 100644
--- a/src/components/loginHeader/view/loginHeaderStyles.js
+++ b/src/components/loginHeader/view/loginHeaderStyles.js
@@ -34,11 +34,11 @@ export default EStyleSheet.create({
   },
   mascotContainer: {
     flex: 1,
+    alignItems: 'center',
   },
   mascot: {
-    marginTop: 4,
-    width: '80%',
-    height: '80%',
+    width: '70%',
+    height: '70%',
   },
   titleText: {
     alignSelf: 'center',