mirror of
https://github.com/balzack/databag.git
synced 2025-02-12 03:29:16 +00:00
styling terms of service for android
This commit is contained in:
parent
43d7c4f5ec
commit
68edf63add
@ -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>
|
||||
|
@ -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,
|
||||
|
@ -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>
|
||||
|
@ -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,
|
||||
|
@ -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>
|
||||
|
@ -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',
|
||||
|
@ -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>
|
||||
|
@ -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',
|
||||
|
Loading…
Reference in New Issue
Block a user