fix: weird horizontal scrolling in the asset form

hopetambala · May 29, 2021 · 6a9a57f · 6a9a57f
1 parent 8eb0900
commit 6a9a57f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/domains/DataCollection/Assets/NewAssets/AssetCore/index.styles.js b/domains/DataCollection/Assets/NewAssets/AssetCore/index.styles.js
@@ -5,17 +5,14 @@ import {
 
 const styles = StyleSheet.create({
   assetContainer: {
-    // flex: 1,
     width: Dimensions.get('window').width * 0.90,
-    // height: Dimensions.get('window').height * .80,
     margin: 20,
     padding: 10,
     textAlign: 'left',
     backgroundColor: 'white',
     borderColor: '#eaeaea',
     borderRadius: 10,
     borderWidth: 1,
-    // justifyContent: 'center',
   }
 });
 

diff --git a/domains/DataCollection/Assets/NewAssets/AssetSupplementary/index.js b/domains/DataCollection/Assets/NewAssets/AssetSupplementary/index.js
@@ -18,7 +18,7 @@ const AssetSupplementary = ({ selectedAsset, setSelectedAsset, surveyingOrganiza
   const [photoFile, setPhotoFile] = useState('State Photo String');
 
   return (
-    <ScrollView vertical>
+    <ScrollView>
       <Formik
         initialValues={{}}
         onSubmit={async (values, actions) => {

diff --git a/domains/DataCollection/Assets/NewAssets/AssetSupplementary/index.styles.js b/domains/DataCollection/Assets/NewAssets/AssetSupplementary/index.styles.js
@@ -1,18 +1,14 @@
-import { StyleSheet } from 'react-native';
+import { Dimensions, StyleSheet } from 'react-native';
 
 const styles = StyleSheet.create({
   assetContainer: {
-    width: '90%',
-    height: '100%',
-    margin: 30,
-    flex: 1,
+    width: Dimensions.get('window').width * 0.90,
     padding: 10,
     textAlign: 'left',
     backgroundColor: 'white',
     borderColor: '#eaeaea',
     borderRadius: 10,
     borderWidth: 1,
-    justifyContent: 'center',
   }
 });