zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Tune the logged out web view

zio/stable
Paul Frazee 2023-03-14 08:37:34 -05:00
parent 774fb83719
commit d55780f5c3
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/view/com/auth/SplashScreen.web.tsx
View File

@ -16,8 +16,8 @@ export const SplashScreen = ({
}) => { }) => {
const pal = usePalette('default') const pal = usePalette('default')
return ( return (
<CenteredView style={styles.container}> <CenteredView style={[styles.container, pal.view]}>
<View testID="noSessionView" style={styles.containerInner}> <View testID="noSessionView" style={[styles.containerInner, pal.border]}>
<ErrorBoundary> <ErrorBoundary>
<Text style={styles.title}>Bluesky</Text> <Text style={styles.title}>Bluesky</Text>
<Text style={styles.subtitle}>See what's next</Text> <Text style={styles.subtitle}>See what's next</Text>
@ -34,7 +34,7 @@ export const SplashScreen = ({
testID="signInButton" testID="signInButton"
style={[styles.btn, pal.btn]} style={[styles.btn, pal.btn]}
onPress={onPressSignin}> onPress={onPressSignin}>
<Text style={[pal.link, styles.btnLabel]}>Sign in</Text> <Text style={[pal.text, styles.btnLabel]}>Sign in</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<Text <Text
@ -59,10 +59,9 @@ export const SplashScreen = ({
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
height: '100%', height: '100%',
backgroundColor: colors.gray1,
}, },
containerInner: { containerInner: {
backgroundColor: colors.white, borderBottomWidth: 1,
paddingVertical: 40, paddingVertical: 40,
paddingBottom: 50, paddingBottom: 50,
paddingHorizontal: 20, paddingHorizontal: 20,
@ -83,13 +82,15 @@ const styles = StyleSheet.create({
}, },
btns: { btns: {
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'center',
paddingBottom: 40, paddingBottom: 40,
}, },
btn: { btn: {
flex: 1,
borderRadius: 30, borderRadius: 30,
paddingHorizontal: 24,
paddingVertical: 12, paddingVertical: 12,
marginHorizontal: 10, marginHorizontal: 10,
minWidth: 220,
}, },
btnLabel: { btnLabel: {
textAlign: 'center', textAlign: 'center',