fix bug ui

src/Screens/Action/Wallet/Wallet.js

@@ -3,7 +3,7 @@ import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
 import HeaderBack from '../../../components/Header/HeaderBack';
 import Success from './Tab/Success';
 import Watting from './Tab/Watting';
-import {getFontXD} from '../../../Config/Functions';
+import {getFontXD, HEIGHTXD, WIDTHXD} from '../../../Config/Functions';
 import {WALLETDEPOSIT, WALLETWITHDRAW} from '../../../routers/ScreenNames';
 import I18n from '../../../helper/i18/i18n';
 import AppText from '../../../components/AppText';
@@ -61,8 +61,8 @@ const styles = StyleSheet.create({
     justifyContent: 'space-around',
   },
   btnRight: {
-    width: 140,
-    height: 40,
+    width: WIDTHXD(400),
+    height: HEIGHTXD(100),
     backgroundColor: R.colors.main,
     borderRadius: 10,
     justifyContent: 'center',
@@ -80,8 +80,8 @@ const styles = StyleSheet.create({
     elevation: 1,
   },
   btnLeft: {
-    width: 140,
-    height: 40,
+    width: WIDTHXD(400),
+    height: HEIGHTXD(100),
     backgroundColor: R.colors.main,
     borderRadius: 10,
     justifyContent: 'center',

src/Screens/Action/Wallet/WalletDeposit.js

@@ -22,6 +22,8 @@ import {
   getFontXD,
   toPriceVnd,
   checkFormatArray,
+  WIDTHXD,
+  HEIGHTXD,
 } from '../../../Config/Functions';
 import {connect} from 'react-redux';
 import {showLoading, hideLoading} from '../../../actions/loadingAction';
@@ -172,8 +174,8 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
   },
   btnSend: {
-    width: 140,
-    height: 40,
+    width: WIDTHXD(400),
+    height: HEIGHTXD(100),
     backgroundColor: R.colors.main,
     borderRadius: 10,
     justifyContent: 'center',

src/Screens/Action/Wallet/WalletWithdraw.js

@@ -23,6 +23,7 @@ import {
   HEIGHTXD,
   toPriceVnd,
   checkFormatArray,
+  WIDTHXD,
 } from '../../../Config/Functions';
 import PickerItem from '../../../components/Picker/PickerItem';
 import RadioForm from 'react-native-simple-radio-button';
@@ -254,8 +255,8 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
   },
   btnSend: {
-    width: 140,
-    height: 40,
+    width: WIDTHXD(400),
+    height: HEIGHTXD(100),
     backgroundColor: R.colors.main,
     borderRadius: 10,
     justifyContent: 'center',

src/Screens/Menu/Profile/Tab/GeneralInfor.js

@@ -193,8 +193,8 @@ const styles = StyleSheet.create({
     marginBottom: 30,
   },
   btn: {
-    width: 180,
-    height: HEIGHTXD(120),
+    width: WIDTHXD(400),
+    height: HEIGHTXD(100),
     borderRadius: 10,
     backgroundColor: '#1C6AF6',
     justifyContent: 'center',

src/Screens/MethodPay/AddMethod.js

@@ -18,7 +18,12 @@ import R from '../../assets/R';
 import HeaderBack from '../../components/Header/HeaderBack';
 
 import Item from './Item';
-import {getFontXD, WIDTHXD, checkFormatArray} from '../../Config/Functions';
+import {
+  getFontXD,
+  WIDTHXD,
+  checkFormatArray,
+  HEIGHTXD,
+} from '../../Config/Functions';
 import TextField from '../../components/Input/TextField';
 import PickerItem from '../../components/Picker/PickerItem';
 import {getListBank, addMethodBank} from '../../apis/Functions/Widthdraw';
@@ -152,8 +157,8 @@ const styles = StyleSheet.create({
   },
 
   btn: {
-    width: 150,
-    height: 40,
+    width: WIDTHXD(400),
+    height: HEIGHTXD(100),
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: R.colors.main,