about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-03-14 08:37:34 -0500
committerPaul Frazee <pfrazee@gmail.com>2023-03-14 08:37:34 -0500
commitd55780f5c333208eaac1d5240929959b131e8787 (patch)
tree1df6ef7d4792385fff48dfd47587614e61c5ecf5 /src
parent774fb8371905473b88b26c350818aa6b4bf1bac2 (diff)
downloadvoidsky-d55780f5c333208eaac1d5240929959b131e8787.tar.zst
Tune the logged out web view
Diffstat (limited to 'src')
-rw-r--r--src/view/com/auth/SplashScreen.web.tsx13
1 files changed, 7 insertions, 6 deletions
diff --git a/src/view/com/auth/SplashScreen.web.tsx b/src/view/com/auth/SplashScreen.web.tsx
index 05d0355d9..a4fc62349 100644
--- a/src/view/com/auth/SplashScreen.web.tsx
+++ b/src/view/com/auth/SplashScreen.web.tsx
@@ -16,8 +16,8 @@ export const SplashScreen = ({
 }) => {
   const pal = usePalette('default')
   return (
-    <CenteredView style={styles.container}>
-      <View testID="noSessionView" style={styles.containerInner}>
+    <CenteredView style={[styles.container, pal.view]}>
+      <View testID="noSessionView" style={[styles.containerInner, pal.border]}>
         <ErrorBoundary>
           <Text style={styles.title}>Bluesky</Text>
           <Text style={styles.subtitle}>See what's next</Text>
@@ -34,7 +34,7 @@ export const SplashScreen = ({
               testID="signInButton"
               style={[styles.btn, pal.btn]}
               onPress={onPressSignin}>
-              <Text style={[pal.link, styles.btnLabel]}>Sign in</Text>
+              <Text style={[pal.text, styles.btnLabel]}>Sign in</Text>
             </TouchableOpacity>
           </View>
           <Text
@@ -59,10 +59,9 @@ export const SplashScreen = ({
 const styles = StyleSheet.create({
   container: {
     height: '100%',
-    backgroundColor: colors.gray1,
   },
   containerInner: {
-    backgroundColor: colors.white,
+    borderBottomWidth: 1,
     paddingVertical: 40,
     paddingBottom: 50,
     paddingHorizontal: 20,
@@ -83,13 +82,15 @@ const styles = StyleSheet.create({
   },
   btns: {
     flexDirection: 'row',
+    justifyContent: 'center',
     paddingBottom: 40,
   },
   btn: {
-    flex: 1,
     borderRadius: 30,
+    paddingHorizontal: 24,
     paddingVertical: 12,
     marginHorizontal: 10,
+    minWidth: 220,
   },
   btnLabel: {
     textAlign: 'center',