diff options
| author | Eric Bailey <git@esb.lol> | 2023-12-14 14:48:40 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-12-14 14:48:40 -0600 |
| commit | 7897dd24a14e65d8ab1aa0e474a09e0628da31b7 (patch) | |
| tree | 77cec13da7f55ae1d8535550f497ad7314ece0e4 /src/view/com/auth/SplashScreen.web.tsx | |
| parent | 075ffdf583c5393b896d22dd179d03208311ef4a (diff) | |
| download | voidsky-7897dd24a14e65d8ab1aa0e474a09e0628da31b7.tar.zst | |
🤫 (#2211)
* Add new assets * Add splashiness * Add butter icon, spread it * Cream together eggs, sugar, and vanilla * Hi, I'd like to place and order. Yeah, none pizza with left beef, plz. * test * Refine animation * tweak * tweak * tweak * Tweak * Simplify * Cleanup * Fix android logo --------- Co-authored-by: Ansh Nanda <anshnanda10@gmail.com>
Diffstat (limited to 'src/view/com/auth/SplashScreen.web.tsx')
| -rw-r--r-- | src/view/com/auth/SplashScreen.web.tsx | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/src/view/com/auth/SplashScreen.web.tsx b/src/view/com/auth/SplashScreen.web.tsx index 08cf701da..4e942f66e 100644 --- a/src/view/com/auth/SplashScreen.web.tsx +++ b/src/view/com/auth/SplashScreen.web.tsx @@ -10,6 +10,8 @@ import {CenteredView} from '../util/Views' import {isWeb} from 'platform/detection' import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' import {Trans} from '@lingui/macro' +import {Logo} from '#/view/icons/Logo' +import {Logotype} from '#/view/icons/Logotype' export const SplashScreen = ({ onDismiss, @@ -55,14 +57,15 @@ export const SplashScreen = ({ styles.containerInner, isMobileWeb && styles.containerInnerMobile, pal.border, + {alignItems: 'center'}, ]}> <ErrorBoundary> - <Text style={isMobileWeb ? styles.titleMobile : styles.title}> - Bluesky - </Text> - <Text style={isMobileWeb ? styles.subtitleMobile : styles.subtitle}> - See what's next - </Text> + <Logo width={92} fill="sky" /> + + <View style={{paddingTop: 40, paddingBottom: 20}}> + <Logotype width={161} /> + </View> + <View testID="signinOrCreateAccount" style={styles.btns}> <TouchableOpacity testID="createAccountButton" @@ -117,8 +120,6 @@ function Footer({styles}: {styles: ReturnType<typeof useStyles>}) { ) } const useStyles = () => { - const {isTabletOrMobile} = useWebMediaQueries() - const isMobileWeb = isWeb && isTabletOrMobile return StyleSheet.create({ container: { height: '100%', @@ -161,8 +162,7 @@ const useStyles = () => { paddingBottom: 30, }, btns: { - flexDirection: isMobileWeb ? 'column' : 'row', - gap: 20, + gap: 10, justifyContent: 'center', paddingBottom: 40, }, |