martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-14 12:39:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling terms of service for android

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/mobile/src/access/admin/Admin.jsx
View File

@ -104,7 +104,7 @@ export function Admin() {
<View style={styles.modalContainer}> <View style={styles.modalContainer}>
<ScrollView style={styles.terms} persistentScrollbar={true}> <ScrollView style={styles.terms} persistentScrollbar={true}>
<Text style={styles.termsheader}>{ state.strings.policy }</Text> <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> </ScrollView>
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}> <TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
<Text style={styles.donetext}>{ state.strings.close }</Text> <Text style={styles.donetext}>{ state.strings.close }</Text>

10
app/mobile/src/access/admin/Admin.styled.js
View File

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

2
app/mobile/src/access/create/Create.jsx
View File

@ -191,7 +191,7 @@ export function Create() {
<View style={styles.modalContainer}> <View style={styles.modalContainer}>
<ScrollView style={styles.terms} persistentScrollbar={true}> <ScrollView style={styles.terms} persistentScrollbar={true}>
<Text style={styles.termsheader}>{ state.strings.policy }</Text> <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> </ScrollView>
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}> <TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
<Text style={styles.donetext}>{ state.strings.close }</Text> <Text style={styles.donetext}>{ state.strings.close }</Text>

11
app/mobile/src/access/create/Create.styled.js
View File

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

2
app/mobile/src/access/login/Login.jsx
View File

@ -117,7 +117,7 @@ export function Login() {
<View style={styles.modalContainer}> <View style={styles.modalContainer}>
<ScrollView style={styles.terms} persistentScrollbar={true}> <ScrollView style={styles.terms} persistentScrollbar={true}>
<Text style={styles.termsheader}>{ state.strings.policy }</Text> <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> </ScrollView>
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}> <TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
<Text style={styles.donetext}>{ state.strings.close }</Text> <Text style={styles.donetext}>{ state.strings.close }</Text>

8
app/mobile/src/access/login/Login.styled.js
View File

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

6
app/mobile/src/access/reset/Reset.jsx
View File

@ -95,10 +95,10 @@ export function Reset() {
<View style={styles.modalContainer}> <View style={styles.modalContainer}>
<ScrollView style={styles.terms} persistentScrollbar={true}> <ScrollView style={styles.terms} persistentScrollbar={true}>
<Text style={styles.termsheader}>{ state.strings.policy }</Text> <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> </ScrollView>
<TouchableOpacity style={styles.close} onPress={actions.hideTerms}> <TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
<Text style={styles.donetext}>{ state.strings.done }</Text> <Text style={styles.donetext}>{ state.strings.close }</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
</Modal> </Modal>

10
app/mobile/src/access/reset/Reset.styled.js
View File

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