on master help sign in
ui: design feedback
e3589b2tomholford
src/views/Activate/ActivateCodeForm.tsx−1
@@ -5,7 +5,6 @@ import { WARNING } from 'form/helpers';
5import { FORM_ERROR } from 'final-form';
5import { FORM_ERROR } from 'final-form';
6import { Just } from 'folktale/maybe';
6import { Just } from 'folktale/maybe';
7import BridgeForm from 'form/BridgeForm';
7import BridgeForm from 'form/BridgeForm';
8−import SubmitButton from 'form/SubmitButton';
9import { TicketInput } from 'form/Inputs';
8import { TicketInput } from 'form/Inputs';
10import {
9import {
11 composeValidator,
10 composeValidator,
src/views/Activate/ActivateHeader.tsx+1−1
@@ -13,7 +13,7 @@ const ActivateHeader = ({ content }: ActivateHeaderProps) => {
13 <Text
13 <Text
14 display="block"
14 display="block"
15 fontFamily="Inter"
15 fontFamily="Inter"
16− fontSize={3}
16+ fontSize={'16px'}
17 fontWeight={600}
17 fontWeight={600}
18 mx={3}
18 mx={3}
19 my={3}
19 my={3}
src/views/Activate/MasterKeyTransfer.tsx+26−5
@@ -51,11 +51,30 @@ const MasterKeyTransfer = () => {
51 <ActivateHeader
51 <ActivateHeader
52 content={
52 content={
53 <>
53 <>
54+ <Text
55+ display={'block'}
56+ fontFamily={'Inter'}
57+ fontStyle={'normal'}
58+ fontWeight={'600'}
59+ fontSize={'16px'}
60+ lineHeight={'24px'}>
54− Congratulations{' '}
61+ Congratulations
62+ </Text>
63+ <Text
55− <Text fontFamily="Source Code Pro" fontSize={3} fontWeight={600}>
64+ fontFamily="Source Code Pro"
65+ fontSize={'16px'}
66+ fontWeight={600}>
56 {derivedPatp.value}
67 {derivedPatp.value}
57− </Text>{' '}
68+ </Text>
69+ &nbsp;
70+ <Text
71+ fontFamily={'Inter'}
72+ fontStyle={'normal'}
73+ fontWeight={'600'}
74+ fontSize={'16px'}
75+ lineHeight={'24px'}>
58− is now yours
76+ is now yours
77+ </Text>
59 </>
78 </>
60 }
79 }
61 />
80 />
@@ -89,7 +108,9 @@ const MasterKeyTransfer = () => {
89 fontSize={'14px'}
108 fontSize={'14px'}
90 fontWeight={'500'}
109 fontWeight={'500'}
91 lineHeight={'16px'}
110 lineHeight={'16px'}
92− textAlign={'center'}>
111+ textAlign={'center'}
112+ target={'_blank'}
113+ rel={'nofollow noopener'}>
93 or setup via command line
114 or setup via command line
94 </Anchor>
115 </Anchor>
95 </Box>
116 </Box>