ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-30 17:14:22 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

reversed user info and avatar in RTL layout

Browse Source
This commit is contained in:
Sadaqat Ali 2022-01-05 20:34:18 +05:00
parent e7305e28c3
commit 8ab12e379e
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/sideMenu/view/sideMenuStyles.js
View File

@ -1,4 +1,5 @@
import EStyleSheet from 'react-native-extended-stylesheet'; import EStyleSheet from 'react-native-extended-stylesheet';
import { NativeModules } from 'react-native';
import scalePx from '../../../utils/scalePx'; import scalePx from '../../../utils/scalePx';
export default EStyleSheet.create({ export default EStyleSheet.create({
@ -18,14 +19,16 @@ export default EStyleSheet.create({
headerContentWrapper: { headerContentWrapper: {
alignItems: 'center', alignItems: 'center',
height: 70, height: 70,
flexDirection: 'row', flexDirection: NativeModules.I18nManager.isRTL ? 'row-reverse' : 'row',
alignSelf: 'center', alignSelf: 'center',
flex: 1,
}, },
contentView: { contentView: {
flex: 4, flex: 4,
}, },
userAvatar: { userAvatar: {
marginLeft: 32, marginLeft: NativeModules.I18nManager.isRTL ? 15 : 32,
marginRight: NativeModules.I18nManager.isRTL ? 15 : 0,
}, },
otherUserAvatar: { otherUserAvatar: {
borderWidth: 0.1, borderWidth: 0.1,
@ -36,7 +39,6 @@ export default EStyleSheet.create({
userInfoWrapper: { userInfoWrapper: {
alignSelf: 'center', alignSelf: 'center',
marginLeft: 15, marginLeft: 15,
marginRight: 8,
width: 120, width: 120,
}, },
username: { username: {