crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: make all button fontsizes 16px by default

Browse Source
This commit is contained in:
fragosti
2018-11-12 17:42:56 -08:00
parent 01b36b4949
commit c67632dff5
6 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/instant/src/components/buy_button.tsx
View File

@@ -43,7 +43,6 @@ export class BuyButton extends React.Component<BuyButtonProps> {
onClick={this._handleClick} onClick={this._handleClick}
isDisabled={shouldDisableButton} isDisabled={shouldDisableButton}
fontColor={ColorOption.white} fontColor={ColorOption.white}
fontSize="16px"
> >
Buy Buy
</Button> </Button>

2
packages/instant/src/components/buy_order_state_buttons.tsx
View File

@@ -35,7 +35,7 @@ export const BuyOrderStateButtons: React.StatelessComponent<BuyOrderStateButtonP
if (props.buyOrderProcessingState === OrderProcessState.Failure) { if (props.buyOrderProcessingState === OrderProcessState.Failure) {
return ( return (
<Flex justify="space-between"> <Flex justify="space-between">
<Button width="48%" onClick={props.onRetry} fontColor={ColorOption.white} fontSize="16px"> <Button width="48%" onClick={props.onRetry} fontColor={ColorOption.white}>
Back Back
</Button> </Button>
<SecondaryButton width="48%" onClick={props.onViewTransaction}> <SecondaryButton width="48%" onClick={props.onViewTransaction}>

1
packages/instant/src/components/install_wallet_panel_content.tsx
View File

@@ -22,7 +22,6 @@ export const InstallWalletPanelContent: React.StatelessComponent<InstallWalletPa
<Button <Button
href={META_MASK_CHROME_STORE_URL} href={META_MASK_CHROME_STORE_URL}
width="100%" width="100%"
fontSize="16px"
fontColor={ColorOption.white} fontColor={ColorOption.white}
backgroundColor={ColorOption.darkOrange} backgroundColor={ColorOption.darkOrange}
> >

2
packages/instant/src/components/placing_order_button.tsx
View File

@@ -7,7 +7,7 @@ import { Container } from './ui/container';
import { Spinner } from './ui/spinner'; import { Spinner } from './ui/spinner';
export const PlacingOrderButton: React.StatelessComponent<{}> = props => ( export const PlacingOrderButton: React.StatelessComponent<{}> = props => (
<Button isDisabled={true} width="100%" fontColor={ColorOption.white} fontSize="16px"> <Button isDisabled={true} width="100%" fontColor={ColorOption.white}>
<Container display="inline-block" position="relative" top="3px" marginRight="8px"> <Container display="inline-block" position="relative" top="3px" marginRight="8px">
<Spinner widthPx={16} heightPx={16} /> <Spinner widthPx={16} heightPx={16} />
</Container> </Container>

2
packages/instant/src/components/secondary_button.tsx
View File

@@ -15,8 +15,6 @@ export const SecondaryButton: React.StatelessComponent<SecondaryButtonProps> = p
borderColor={ColorOption.lightGrey} borderColor={ColorOption.lightGrey}
width={props.width} width={props.width}
onClick={props.onClick} onClick={props.onClick}
fontColor={ColorOption.primaryColor}
fontSize="16px"
{...buttonProps} {...buttonProps}
> >
{props.children} {props.children}

2
packages/instant/src/components/ui/button.tsx
View File

@@ -81,7 +81,7 @@ Button.defaultProps = {
width: 'auto', width: 'auto',
isDisabled: false, isDisabled: false,
padding: '.82em 1.2em', padding: '.82em 1.2em',
fontSize: '15px', fontSize: '16px',
}; };
Button.displayName = 'Button'; Button.displayName = 'Button';