styling terms of service for android

This commit is contained in:
Roland Osborne 2023-10-05 17:05:01 -07:00
parent 43d7c4f5ec
commit 68edf63add
8 changed files with 34 additions and 17 deletions

View File

@ -104,7 +104,7 @@ export function Admin() {
<View style={styles.modalContainer}>
<ScrollView style={styles.terms} persistentScrollbar={true}>
<Text style={styles.termsheader}>{ state.strings.policy }</Text>
<Text numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
<Text numberOfLines={0} style={styles.termstext}>{ tos[state.strings.languageCode] }</Text>
</ScrollView>
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
<Text style={styles.donetext}>{ state.strings.close }</Text>

View File

@ -61,16 +61,20 @@ export const styles = StyleSheet.create({
paddingLeft: 16,
paddingRight: 16,
borderRadius: 4,
backgroundColor: Colors.white,
backgroundColor: Colors.closeButton,
marginTop: 8,
},
donetext: {
color: Colors.text,
color: Colors.closeButtonText,
fontSize: 16,
},
termsheader: {
fontWeight: 'bold',
textAlign: 'center',
color: Colors.text,
},
termstext: {
color: Colors.text,
},
container: {
flexDirection: 'column',
@ -92,7 +96,7 @@ export const styles = StyleSheet.create({
width: '100%',
textAlign: 'center',
fontSize: 24,
color: Colors.grey,
color: Colors.descriptionText,
},
spacemid: {
flexGrow: 1,

View File

@ -191,7 +191,7 @@ export function Create() {
<View style={styles.modalContainer}>
<ScrollView style={styles.terms} persistentScrollbar={true}>
<Text style={styles.termsheader}>{ state.strings.policy }</Text>
<Text numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
<Text style={styles.termstext}numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
</ScrollView>
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
<Text style={styles.donetext}>{ state.strings.close }</Text>

View File

@ -17,9 +17,9 @@ export const styles = StyleSheet.create({
modalContainer: {
width: '100%',
height: '100%',
backgroundColor: Colors.grey,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: Colors.modalBase,
},
tos: {
display: 'flex',
@ -60,16 +60,21 @@ export const styles = StyleSheet.create({
paddingLeft: 16,
paddingRight: 16,
borderRadius: 4,
backgroundColor: Colors.white,
backgroundColor: Colors.closeButton,
marginTop: 8,
},
donetext: {
color: Colors.text,
fontSize: 16,
color: Colors.closeButtonText,
},
termsheader: {
fontWeight: 'bold',
textAlign: 'center',
color: Colors.text,
},
termstext: {
color: Colors.text,
},
demo: {
alignItems: 'center',
@ -119,7 +124,7 @@ export const styles = StyleSheet.create({
width: '100%',
textAlign: 'center',
fontSize: 24,
color: Colors.grey,
color: Colors.descriptionText,
},
spacemid: {
flexGrow: 1,

View File

@ -117,7 +117,7 @@ export function Login() {
<View style={styles.modalContainer}>
<ScrollView style={styles.terms} persistentScrollbar={true}>
<Text style={styles.termsheader}>{ state.strings.policy }</Text>
<Text numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
<Text numberOfLines={0} style={styles.termstext}>{ tos[state.strings.languageCode] }</Text>
</ScrollView>
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
<Text style={styles.donetext}>{ state.strings.close }</Text>

View File

@ -61,16 +61,20 @@ export const styles = StyleSheet.create({
paddingLeft: 16,
paddingRight: 16,
borderRadius: 4,
backgroundColor: Colors.white,
backgroundColor: Colors.closeButton,
marginTop: 8,
},
donetext: {
color: Colors.text,
color: Colors.closeButtonText,
fontSize: 16,
},
termsheader: {
fontWeight: 'bold',
textAlign: 'center',
color: Colors.text,
},
termstext: {
color: Colors.text,
},
container: {
flexDirection: 'column',

View File

@ -95,10 +95,10 @@ export function Reset() {
<View style={styles.modalContainer}>
<ScrollView style={styles.terms} persistentScrollbar={true}>
<Text style={styles.termsheader}>{ state.strings.policy }</Text>
<Text numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
<Text numberOfLines={0} style={styles.termstext}>{ tos[state.strings.languageCode] }</Text>
</ScrollView>
<TouchableOpacity style={styles.close} onPress={actions.hideTerms}>
<Text style={styles.donetext}>{ state.strings.done }</Text>
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
<Text style={styles.donetext}>{ state.strings.close }</Text>
</TouchableOpacity>
</View>
</Modal>

View File

@ -18,7 +18,7 @@ export const styles = StyleSheet.create({
modalContainer: {
width: '100%',
height: '100%',
backgroundColor: Colors.descriptionText,
backgroundColor: Colors.modalBase,
alignItems: 'center',
justifyContent: 'center',
},
@ -61,16 +61,20 @@ export const styles = StyleSheet.create({
paddingLeft: 16,
paddingRight: 16,
borderRadius: 4,
backgroundColor: Colors.white,
backgroundColor: Colors.closeButton,
marginTop: 8,
},
donetext: {
color: Colors.text,
color: Colors.closeButtonText,
fontSize: 16,
},
termsheader: {
fontWeight: 'bold',
textAlign: 'center',
color: Colors.text,
},
termstext: {
color: Colors.text,
},
container: {
flexDirection: 'column',