activate-ui: address Design feedback
- border-radius to 8px
- activate flow copy uses 14px
- limit confirm inputs to 6 characters
fixes #689, fixes #691, fixes #692
commitf33e9cde21fdde275d27fcfed30d111be2cdfee5
authortomholford <tomholford@users.noreply.github.com>
dateMon 1 Nov 2021, 20:03 (5 years ago)
parent4cb89b7
src/form/Inputs.js+1−1
@@ -218,7 +218,7 @@ export function TicketSegmentInput({ name, ...rest }) {
218218 autoCapitalize="none"
219219 autoCorrect="off"
220220 type="text"
221− maxlength="6"
221+ maxLength="6"
222222 {...input}
223223 {...rest}
224224 />
src/views/Activate/ActivateParagraph.tsx+1−1
@@ -17,7 +17,7 @@ const ActivateParagraph = ({ copy }: ActivateParagraphProps) => {
1717 <Text
1818 display="block"
1919 fontFamily="Inter"
20− fontSize={2}
20+ fontSize={'14px'}
2121 lineHeight={'20px'}
2222 color={'rgba(0,0,0,0.6)'}
2323 textAlign="center"
src/views/Activate/ActivateView.tsx+1−1
@@ -26,7 +26,7 @@ export default function ActivateView({
2626 gridTemplateRows={gridRows || '20% 60% 20%'}
2727 gridTemplateAreas={gridAreas || "'header' 'content' 'footer'"}
2828 border={'1px solid rgb(204, 204, 204)'}
29− border-radius={'5px'}
29+ borderRadius={'8px'}
3030 padding={'10px'}
3131 width={'512px'}
3232 height={'512px'}