Browse Source

Fixing minor alignment props and reducing shadow darkness

master
GabrielTrettel 3 years ago
parent
commit
467aa86d73
  1. 6
      src/app/components/ImageInput.js
  2. 6
      src/app/components/SvgLabeledButton.js
  3. 2
      src/app/components/forms/FormField.js
  4. 1
      src/app/screens/RainSharingDataScreen.js
  5. 1
      src/app/screens/RiverFloodSharingDataScreen.js
  6. 1
      src/app/screens/SharingFloodZonesScreen.js

6
src/app/components/ImageInput.js

@ -74,10 +74,10 @@ function addNewImageBtn() {
<View style={styles.addBtnContainer}> <View style={styles.addBtnContainer}>
<Shadow <Shadow
viewStyle={{width: "100%"}} viewStyle={{width: "100%"}}
offset={[0, 4]}
distance={4}
offset={[0, 3]}
distance={3}
radius={4} radius={4}
startColor="rgba(0, 0, 0, 0.25)"
startColor="rgba(0, 0, 0, 0.15)"
paintInside={true} paintInside={true}
> >
<View style={styles.addBtn}> <View style={styles.addBtn}>

6
src/app/components/SvgLabeledButton.js

@ -19,10 +19,10 @@ export default function SvgLabeledButton({
return ( return (
<Shadow <Shadow
viewStyle={[{ width: 130, height: 130 }, style]} viewStyle={[{ width: 130, height: 130 }, style]}
offset={[0, 4]}
distance={4}
offset={[0, 3]}
distance={3}
radius={4} radius={4}
startColor="rgba(0, 0, 0, 0.25)"
startColor="rgba(0, 0, 0, 0.15)"
paintInside={true} paintInside={true}
> >
<TouchableNativeFeedback onPress={onPress}> <TouchableNativeFeedback onPress={onPress}>

2
src/app/components/forms/FormField.js

@ -21,7 +21,7 @@ function IncreaseDecreaseButtons({ content }) {
style={{ style={{
backgroundColor: colors.primary, backgroundColor: colors.primary,
width: 35, width: 35,
height: 42,
height: 48,
justifyContent: "center", justifyContent: "center",
alignItems: "center", alignItems: "center",
borderRadius: 4, borderRadius: 4,

1
src/app/screens/RainSharingDataScreen.js

@ -178,7 +178,6 @@ const styles = StyleSheet.create({
}, },
labelStyle: { labelStyle: {
paddingHorizontal: 16, paddingHorizontal: 16,
paddingTop: 24,
paddingBottom: 12, paddingBottom: 12,
fontSize: dimensions.text.secondary, fontSize: dimensions.text.secondary,
fontWeight: "bold", fontWeight: "bold",

1
src/app/screens/RiverFloodSharingDataScreen.js

@ -187,7 +187,6 @@ const styles = StyleSheet.create({
}, },
labelStyle: { labelStyle: {
paddingHorizontal: 16, paddingHorizontal: 16,
paddingTop: 24,
paddingBottom: 12, paddingBottom: 12,
fontSize: dimensions.text.secondary, fontSize: dimensions.text.secondary,
fontWeight: "bold", fontWeight: "bold",

1
src/app/screens/SharingFloodZonesScreen.js

@ -152,7 +152,6 @@ const styles = StyleSheet.create({
fontSize: dimensions.text.secondary, fontSize: dimensions.text.secondary,
fontWeight: "bold", fontWeight: "bold",
paddingHorizontal: 16, paddingHorizontal: 16,
paddingTop: 24,
paddingBottom: 12, paddingBottom: 12,
textAlign: "left", textAlign: "left",
color: colors.lightBlue, color: colors.lightBlue,

Loading…
Cancel
Save