MM-53586 - small fixes in onboarding screens (#7444)
* MM-53586 - small fixes in onboarding screens * remove the min-width and set the fixed button width
This commit is contained in:
parent
84b35ac143
commit
a576f7c97e
2 changed files with 9 additions and 17 deletions
|
|
@ -22,6 +22,8 @@ type Props = {
|
|||
const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
|
||||
button: {
|
||||
marginTop: 5,
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
},
|
||||
rowIcon: {
|
||||
color: theme.buttonColor,
|
||||
|
|
@ -32,6 +34,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
|
|||
nextButtonText: {
|
||||
flexDirection: 'row',
|
||||
position: 'absolute',
|
||||
justifyContent: 'center',
|
||||
width: 120,
|
||||
},
|
||||
signInButtonText: {
|
||||
flexDirection: 'row',
|
||||
|
|
@ -47,7 +51,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
|
|||
}));
|
||||
|
||||
const AnimatedButton = Animated.createAnimatedComponent(Pressable);
|
||||
const BUTTON_SIZE = 100;
|
||||
const BUTTON_SIZE = 120;
|
||||
|
||||
const FooterButtons = ({
|
||||
theme,
|
||||
|
|
|
|||
|
|
@ -296,33 +296,21 @@ const IntegrationsSvg = ({theme, styles}: Props) => {
|
|||
strokeOpacity={0.16}
|
||||
/>
|
||||
<Path
|
||||
d='M52.486 96.94L44.942 73.6H60.03l-7.544 23.34z'
|
||||
d='M71.3342 72.8734L71.278 72.7297L65.8336 58.5212C65.7229 58.2427 65.5267 58.0064 65.2734 57.8463C65.0199 57.689 64.7242 57.6132 64.4262 57.6292C64.1282 57.6452 63.8424 57.7523 63.6072 57.9359C63.3746 58.1248 63.2059 58.3808 63.124 58.669L59.4479 69.9159H44.5625L40.8864 58.669C40.8067 58.3792 40.6376 58.122 40.4032 57.9338C40.168 57.7502 39.8822 57.6431 39.5842 57.6271C39.2862 57.6111 38.9905 57.6869 38.737 57.8443C38.4842 58.005 38.2883 58.241 38.1768 58.5191L32.722 72.7214L32.6679 72.8651C31.8842 74.9128 31.7874 77.1599 32.3923 79.2675C32.9971 81.375 34.2707 83.2288 36.0211 84.5493L36.0399 84.5639L36.0899 84.5993L44.3834 90.8101L48.4864 93.9154L50.9857 95.8024C51.278 96.0244 51.635 96.1445 52.0021 96.1445C52.3691 96.1445 52.7261 96.0244 53.0185 95.8024L55.5178 93.9154L59.6208 90.8101L67.9643 84.5618L67.9851 84.5451C69.7316 83.2244 71.0023 81.3725 71.6062 79.2678C72.2101 77.1631 72.1147 74.9192 71.3342 72.8734Z'
|
||||
fill='#E24329'
|
||||
/>
|
||||
<Path
|
||||
d='M52.486 96.939l7.544-23.34h10.572L52.486 96.94z'
|
||||
d='M71.3342 72.8734L71.278 72.7297C68.6251 73.2743 66.1253 74.3979 63.9571 76.0205L52 85.0617C56.0718 88.1421 59.6166 90.8184 59.6166 90.8184L67.9601 84.5702L67.981 84.5535C69.7299 83.2328 71.0026 81.3797 71.6073 79.2732C72.2121 77.1667 72.1162 74.9208 71.3342 72.8734Z'
|
||||
fill='#FC6D26'
|
||||
/>
|
||||
<Path
|
||||
d='M70.602 73.6l2.293 7.092a1.578 1.578 0 01-.567 1.756L52.486 96.939 70.603 73.6z'
|
||||
d='M44.3833 90.8185L48.4863 93.9239L50.9856 95.8108C51.278 96.0328 51.6349 96.153 52.002 96.153C52.3691 96.153 52.726 96.0328 53.0184 95.8108L55.5177 93.9239L59.6207 90.8185C59.6207 90.8185 56.0717 88.1338 51.9999 85.0618C47.9281 88.1338 44.3833 90.8185 44.3833 90.8185Z'
|
||||
fill='#FCA326'
|
||||
/>
|
||||
<Path
|
||||
d='M70.602 73.6H60.03l4.543-14.057c.234-.724 1.252-.724 1.486 0L70.602 73.6z'
|
||||
fill='#E24329'
|
||||
/>
|
||||
<Path
|
||||
d='M52.486 96.939l-7.544-23.34H34.369l18.117 23.34z'
|
||||
d='M40.0408 76.0205C37.8743 74.3946 35.3751 73.268 32.722 72.7214L32.6679 72.8651C31.8842 74.9129 31.7874 77.16 32.3923 79.2675C32.9971 81.3751 34.2707 83.2289 36.0211 84.5494L36.0399 84.564L36.0899 84.5994L44.3834 90.8101C44.3834 90.8101 47.9241 88.1338 52 85.0534L40.0408 76.0205Z'
|
||||
fill='#FC6D26'
|
||||
/>
|
||||
<Path
|
||||
d='M34.369 73.6l-2.293 7.092a1.578 1.578 0 00.568 1.756l19.842 14.491L34.369 73.6z'
|
||||
fill='#FCA326'
|
||||
/>
|
||||
<Path
|
||||
d='M34.369 73.6h10.573l-4.544-14.057c-.234-.724-1.252-.724-1.486 0L34.37 73.6z'
|
||||
fill='#E24329'
|
||||
/>
|
||||
<Circle
|
||||
cx={65}
|
||||
cy={175}
|
||||
|
|
|
|||
Loading…
Reference in a new issue