diff options
| -rw-r--r-- | src/screens/chat/ChatScreen.tsx | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/src/screens/chat/ChatScreen.tsx b/src/screens/chat/ChatScreen.tsx index c88e8690..c281f67a 100644 --- a/src/screens/chat/ChatScreen.tsx +++ b/src/screens/chat/ChatScreen.tsx @@ -16,7 +16,7 @@ import {ChatContext} from '../../App'; import {ChatHeader, ChatInput, TabsGradient} from '../../components'; import {MainStackParams} from '../../routes'; import {ScreenType} from '../../types'; -import {HeaderHeight, isIPhoneX, SCREEN_WIDTH} from '../../utils'; +import {HeaderHeight, isIPhoneX, normalize, SCREEN_WIDTH} from '../../utils'; type ChatScreenNavigationProp = StackNavigationProp<MainStackParams, 'Chat'>; interface ChatScreenProps { @@ -35,7 +35,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { messageList: { container: { backgroundColor: 'white', - width: SCREEN_WIDTH * 0.9, + width: SCREEN_WIDTH * 0.95, alignSelf: 'center', }, }, @@ -47,17 +47,17 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { }, avatar: { container: { - borderRadius: 20, - width: 40, - height: 40, + borderRadius: 10, + width: normalize(18), + height: normalize(18), }, }, messageSimple: { avatarWrapper: { container: { - height: '100%', - top: -8, + width: normalize(20), zIndex: 1, + bottom: 20, }, }, container: { @@ -65,9 +65,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { flexDirection: 'row', }, content: { - container: { - left: -25, - }, + container: {}, containerInner: { backgroundColor: '#E4F0F2', borderColor: 'transparent', @@ -148,7 +146,7 @@ const styles = StyleSheet.create({ height: 32, borderRadius: 10, marginBottom: 10, - marginLeft: 10, + marginLeft: SCREEN_WIDTH * 0.09, flexDirection: 'row', justifyContent: 'center', alignItems: 'center', |