martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-15 04:59:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/balzack/databag into main

Browse Source
This commit is contained in:
Roland Osborne 2022-10-31 20:35:44 -07:00
commit 54071f0af0
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/mobile/src/session/welcome/Welcome.jsx
View File

@ -9,12 +9,9 @@ export function Welcome() {
return ( return (
<SafeAreaView style={styles.container}> <SafeAreaView style={styles.container}>
<Text style={styles.header}>Welcome to Databag</Text> <Text style={styles.header}>Databag</Text>
<Text style={styles.label}>Communication for the decentralized web</Text> <Text style={styles.label}>Communication for the decentralized web</Text>
<Image style={styles.image} source={session} /> <Image style={styles.image} source={session} />
<Text style={styles.message}>Step 1: setup your profile</Text>
<Text style={styles.message}>Step 2: connect with people</Text>
<Text style={styles.message}>Step 3: start a conversation topic</Text>
</SafeAreaView> </SafeAreaView>
); );
} }

8
app/mobile/src/session/welcome/Welcome.styled.js
View File

@ -15,21 +15,25 @@ export const styles = StyleSheet.create({
width: null, width: null,
height: null, height: null,
resizeMode: 'contain', resizeMode: 'contain',
marginBottom: 16,
opacity: 0.3,
}, },
header: { header: {
width: '100%', width: '100%',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
padding: 8,
textAlign: 'center', textAlign: 'center',
fontSize: 20, fontSize: 20,
paddingTop: 16,
color: Colors.text,
}, },
label: { label: {
width: '100%', width: '100%',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
padding: 8,
textAlign: 'center', textAlign: 'center',
paddingBottom: 16,
color: Colors.text,
}, },
message: { message: {
width: '100%', width: '100%',