Set Chat-bubble maxWidht to 80%

- Also set top corner radiuses to 0, to form a comic bubble-shape
sos-lapsikyla · Dec 2, 2023 · 30575bd · 30575bd
1 parent 60f3f4a
commit 30575bd
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/Screens/Main/Chat/MessageList/Message.tsx b/src/Screens/Main/Chat/MessageList/Message.tsx
@@ -50,18 +50,21 @@ const Message = ({ value: message }: MessageProps) => {
 const styles = RN.StyleSheet.create({
   leftBubble: {
     borderRadius: 24,
+    borderTopLeftRadius: 0,
     backgroundColor: colors.white,
     alignSelf: 'flex-start',
   },
   rightBubble: {
     borderRadius: 24,
+    borderTopRightRadius: 0,
     backgroundColor: colors.whiteBlue,
     alignSelf: 'flex-end',
   },
   bubble: {
     marginVertical: 8,
     paddingVertical: 8,
     paddingHorizontal: 16,
+    maxWidth: '80%',
     flexDirection: 'row',
     flexWrap: 'wrap',
     ...shadow(4),