EDIT feature/reportProblem add style to reportProblemPage

wipcamp · Jan 22, 2018 · 3fa7a18 · 3fa7a18
1 parent 7f45751
commit 3fa7a18
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/components/TopicInputComponent.js b/components/TopicInputComponent.js
@@ -29,7 +29,7 @@ class TopicInput extends Component {
                     onChangeText={(text) => {
                         this.props.setTopic(text)
                     }}
-                    style={[Styles.topic, Styles.border]}
+                    style={[Styles.topicWhite, Styles.border]}
                 />
             </View>
         )

diff --git a/pages/ReportProblemPage.js b/pages/ReportProblemPage.js
@@ -31,9 +31,11 @@ class ReportProblem extends Component {
 
     render() {
         return (
-            <View>
+            <View style={Styles.bg}>
+                <View style={Styles.topicGray} />
                 <TopicInput />
                 <Catagory />
+                <View style={Styles.topicGray} />
                 <Desciption />
             </View>
         )

diff --git a/styles/reportProblemStyle.js b/styles/reportProblemStyle.js
@@ -9,12 +9,20 @@ const styles = StyleSheet.create({
         borderWidth : 1,
         borderColor : "#efefef"
     },
-    topic: {
-        height : Dimensions.get('screen').height * 0.1
+    topicGray: {
+        height : Dimensions.get('screen').height * 0.05,
+    },
+    topicWhite: {
+        height : Dimensions.get('screen').height * 0.07,
+        justifyContent: 'center'
     },
     addButon: {
         color: "#1b94f1",
         marginRight: 10
+    },
+    bg: {
+        backgroundColor: '#ECEFF1',
+        flex:1
     }
 })