Resized Chatbox and fixed margins

ufosc · Feb 27, 2024 · 4f0e6ed · 4f0e6ed
1 parent 211a542
commit 4f0e6ed
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/client/src/components/Common/ChatMessageFooter.tsx b/client/src/components/Common/ChatMessageFooter.tsx
@@ -48,11 +48,13 @@ const styles = StyleSheet.create({
         borderWidth: 1,
         borderRadius: Dimensions.get('window').width * 0.058,
         marginHorizontal: Dimensions.get('window').width * 0.005,
-        minHeight: Dimensions.get('window').height * 0.054,
+        minHeight: Dimensions.get('window').width * 0.113,
+        maxHeight: Dimensions.get('window').width * 0.3,
     },
     messageInput: {
         fontSize: 16,
         flex: 1,
+        marginBottom: Platform.OS === 'ios' ? 2 : 0,
 
     },
     icons: {
@@ -61,6 +63,8 @@ const styles = StyleSheet.create({
     iconContainer: {
         marginLeft: Dimensions.get('window').width * 0.02,
         marginRight: Dimensions.get('window').width * 0.009,
+        marginBottom: Dimensions.get('window').width * 0.025,
+        marginTop: Dimensions.get('window').width * 0.025,
         flexDirection: 'row',
         alignItems: "flex-end",
         justifyContent: "flex-end",
@@ -73,6 +77,9 @@ const styles = StyleSheet.create({
         justifyContent: "flex-end",
         flexDirection: "row",
         alignSelf: "stretch",
+        marginRight: Dimensions.get('window').width * 0.01,
+        marginBottom: Dimensions.get('window').width * 0.01,
+        marginTop: Dimensions.get('window').width * 0.01,
     }
 
 });
diff --git a/client/src/components/Common/CustomButtons.tsx b/client/src/components/Common/CustomButtons.tsx
@@ -15,8 +15,8 @@ export const ChatSendButton: React.FC<ChatSendButtonProps> = ({ onPress }) => {
 
 const styles = StyleSheet.create({
     sendButton: {
-        height: Dimensions.get('window').width * 0.0975,
-        width: Dimensions.get('window').width * 0.0975,
+        height: Dimensions.get('window').width * 0.09,
+        width: Dimensions.get('window').width * 0.09,
         borderRadius: 100,
         backgroundColor: '#34D1BF',
         justifyContent: 'center',