Addition of standard styling for the buttons and changing the textarea

LordWeli · Mar 26, 2021 · 9098740 · 9098740
1 parent 709a1af
commit 9098740
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/src/components/Body.js b/src/components/Body.js
@@ -6,10 +6,8 @@ export default function() {
   return (
     <View style={styles.container}>
       <View style={styles.areaContainer}>
-        <TextInput
-          editable={false}
-          style={styles.textArea}/>
-          <CommandButtons/>
+        <TextInput editable={false} style={styles.textArea}/>
+        <CommandButtons/>
       </View>
     </View>
   );
@@ -19,18 +17,18 @@ const styles = StyleSheet.create({
   container: {
     backgroundColor: '#ffffff',
     width: '100%',
+    height: '100%',
     alignItems: 'center',
     justifyContent: 'center',
   },
   areaContainer: {
-    width: '80%',
-    height: '60%'
+    width: '90%',
+    height: '95%'
   },
   textArea: {
     borderColor: '#b7b7b7',
-    borderWidth: 2,
-    borderRadius: 15,
+    borderWidth: 1,
     width: '100%',
-    height: '100%'
+    height: 200
   },
 });
diff --git a/src/components/buttons/ButtonsBody.js b/src/components/buttons/ButtonsBody.js
@@ -41,7 +41,8 @@ export default function() {
 
 const styles = StyleSheet.create({
   buttonAreaContainer: {
-    flexDirection: 'row' 
+    flexDirection: 'row',
+    height: 80,
   },
   marginAreaButton: {
     marginTop: 10,

diff --git a/src/components/buttons/CommandButton.js b/src/components/buttons/CommandButton.js
@@ -3,9 +3,7 @@ import { StyleSheet, TouchableOpacity, Text } from 'react-native';
 
 export default function(props) {
   return (
-    <TouchableOpacity
-      style={styles.buttonStyle}
-    >
+    <TouchableOpacity style={styles.buttonStyle}>
       <Text style={styles.textButton}>{props.valueNumber}</Text>
     </TouchableOpacity>
   )
@@ -19,9 +17,12 @@ const styles = StyleSheet.create({
     borderRadius: 10,
     backgroundColor: '#e7e7e7',
     width: '22%',
+    alignItems: 'center',
+    justifyContent: 'center',
   },
   textButton: {
     textAlign: 'center',
-    fontFamily: 'Futura'
+    fontFamily: 'Futura',
+    fontSize: 35
   }
 })