diff options
| author | Eric Bailey <git@esb.lol> | 2024-09-26 12:58:47 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-09-26 12:58:47 -0500 |
| commit | 175df72972343795a67be208e58edb02267e1ced (patch) | |
| tree | 60daab04fe350e0e42edd303c28b81b666e46cc2 /src | |
| parent | 863764b3fecd6905869f67eb46d80f7ffd7264b1 (diff) | |
| download | voidsky-175df72972343795a67be208e58edb02267e1ced.tar.zst | |
Fix weird button wrapping on splash (#5507)
* Fix weird button wrapping on splash * Web
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/auth/SplashScreen.tsx | 9 | ||||
| -rw-r--r-- | src/view/com/auth/SplashScreen.web.tsx | 7 |
2 files changed, 6 insertions, 10 deletions
diff --git a/src/view/com/auth/SplashScreen.tsx b/src/view/com/auth/SplashScreen.tsx index a18f17612..ae18f1390 100644 --- a/src/view/com/auth/SplashScreen.tsx +++ b/src/view/com/auth/SplashScreen.tsx @@ -39,21 +39,21 @@ export const SplashScreen = ({ <Trans>What's up?</Trans> </Text> </View> - <View testID="signinOrCreateAccount"> + <View + testID="signinOrCreateAccount" + style={[a.px_xl, a.gap_md, a.pb_2xl]}> <Button testID="createAccountButton" onPress={onPressCreateAccount} - accessibilityRole="button" label={_(msg`Create new account`)} accessibilityHint={_( msg`Opens flow to create a new Bluesky account`, )} - style={[a.mx_xl, a.mb_xl]} size="large" variant="solid" color="primary"> <ButtonText> - <Trans>Create a new account</Trans> + <Trans>Create account</Trans> </ButtonText> </Button> <Button @@ -63,7 +63,6 @@ export const SplashScreen = ({ accessibilityHint={_( msg`Opens flow to sign into your existing Bluesky account`, )} - style={[a.mx_xl, a.mb_xl]} size="large" variant="solid" color="secondary"> diff --git a/src/view/com/auth/SplashScreen.web.tsx b/src/view/com/auth/SplashScreen.web.tsx index 1fd62e1d3..dee0d6b70 100644 --- a/src/view/com/auth/SplashScreen.web.tsx +++ b/src/view/com/auth/SplashScreen.web.tsx @@ -85,21 +85,19 @@ export const SplashScreen = ({ <View testID="signinOrCreateAccount" - style={[a.w_full, {maxWidth: 320}]}> + style={[a.w_full, a.px_xl, a.gap_md, a.pb_2xl, {maxWidth: 320}]}> <Button testID="createAccountButton" onPress={onPressCreateAccount} - accessibilityRole="button" label={_(msg`Create new account`)} accessibilityHint={_( msg`Opens flow to create a new Bluesky account`, )} - style={[a.mx_xl, a.mb_xl]} size="large" variant="solid" color="primary"> <ButtonText> - <Trans>Create a new account</Trans> + <Trans>Create account</Trans> </ButtonText> </Button> <Button @@ -109,7 +107,6 @@ export const SplashScreen = ({ accessibilityHint={_( msg`Opens flow to sign into your existing Bluesky account`, )} - style={[a.mx_xl, a.mb_xl]} size="large" variant="solid" color="secondary"> |