edit moment

src/Screens/Action/Wallet/Wallet.js

@@ -37,37 +37,65 @@ const Wallet = (props) => {
           />
         </Tab.Navigator>
       </View>
-      <View style={styles.footer}>
+
       <TouchableOpacity
         onPress={() => navigate.navigate(WALLETDEPOSIT)}
-          style={styles.btn}>
+        style={styles.btnLeft}>
         <Text style={styles.txtTitle}>Nạp tiền</Text>
       </TouchableOpacity>
       <TouchableOpacity
         onPress={() => navigate.navigate(WALLETWITHDRAW)}
-          style={styles.btn}>
+        style={styles.btnRight}>
         <Text style={styles.txtTitle}>Rút tiền</Text>
       </TouchableOpacity>
     </View>
-    </View>
   );
 };
 
 const styles = StyleSheet.create({
   footer: {
-    height: 60,
+    height: 50,
     width: '100%',
-
     flexDirection: 'row',
     justifyContent: 'space-around',
   },
-  btn: {
+  btnRight: {
+    width: 140,
+    height: 40,
+    backgroundColor: R.colors.main,
+    borderRadius: 10,
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'absolute',
+    bottom: 10,
+    right: 30,
+    shadowColor: '#AFA9A9',
+    shadowOffset: {
+      width: 0,
+      height: 1,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 1.84,
+    elevation: 1,
+  },
+  btnLeft: {
     width: 140,
     height: 40,
     backgroundColor: R.colors.main,
     borderRadius: 10,
     justifyContent: 'center',
     alignItems: 'center',
+    position: 'absolute',
+    bottom: 10,
+    left: 30,
+    shadowColor: '#AFA9A9',
+    shadowOffset: {
+      width: 0,
+      height: 1,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 1.84,
+    elevation: 1,
   },
   txtTitle: {
     fontSize: getFontXD(42),

src/Screens/MethodPay/Item.js

@@ -16,9 +16,9 @@ const Item = (props) => {
             <Text style={styles.txtBig}>{item.title}</Text>
             <Block space={'between'} margin={[10, 0, 0, 0]} row flex={1}>
               <Block>
-                <Text style={styles.txtLeft}>Tien nap toi thieu</Text>
-                <Text style={styles.txtLeft}>Hoa hong</Text>
-                <Text style={styles.txtLeft}>Thoi gian</Text>
+                <Text style={styles.txtLeft}>Tiền nạp tối thiểu</Text>
+                <Text style={styles.txtLeft}>Hoa hồng</Text>
+                <Text style={styles.txtLeft}>Thời gian</Text>
               </Block>
               <Block>
                 <Text style={styles.txtRight}>{item.minPay} USD</Text>
@@ -82,8 +82,8 @@ const styles = StyleSheet.create({
     color: 'black',
   },
   imgIcon: {
-    width: WIDTHXD(220),
-    height: HEIGHTXD(220),
+    width: 90,
+    height: 90,
     resizeMode: 'contain',
   },
   txtLeft: {

src/Screens/MethodPay/MethodPayView.js

@@ -85,7 +85,7 @@ const styles = StyleSheet.create({
   containerBtn: {
     backgroundColor: R.colors.main,
     position: 'absolute',
-    bottom: 50,
+    bottom: 30,
     right: 20,
     width: WIDTHXD(144),
     height: WIDTHXD(144),

src/Screens/NewFeed/Tab1/Tab1.js

@@ -147,6 +147,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 10,
     paddingVertical: 6,
     marginLeft: 20,
+    borderRadius: 10,
   },
   txt: {
     fontSize: getFontXD(42),

src/Screens/NewFeed/Tab1/item.js

@@ -30,7 +30,7 @@ const Item = (props) => {
 
 const styles = StyleSheet.create({
   container: {
-    marginVertical: 15,
+    marginTop: 15,
   },
   row: {
     flexDirection: 'row',
@@ -49,9 +49,8 @@ const styles = StyleSheet.create({
     color: '#A2A2A2',
   },
   img: {
-    width: '100%',
-    height: 260,
-    borderRadius: 5,
+    height: 180,
+    borderRadius: 10,
     marginTop: 5,
   },
   row: {

src/Screens/Notification/Item.js

@@ -40,7 +40,7 @@ export default Item;
 const styles = StyleSheet.create({
   container: {
     marginTop: 10,
-    height: HEIGHTXD(250),
+    paddingVertical: 10,
     shadowColor: '#000',
     shadowOffset: {
       width: 0,