Adding RobotoMono font to Storybook

This commit is contained in:
apanizo 2018-09-05 11:37:35 +02:00
parent ac84770605
commit 696b1ae972
4 changed files with 4 additions and 3 deletions

View File

@ -1,2 +1,3 @@
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

View File

@ -34,7 +34,7 @@ const ProviderDesconnected = ({ classes }: Props) => (
<React.Fragment>
<Img src={connectWallet} height={35} alt="Status connected" />
<Col end="sm" middle="xs" layout="column" className={classes.account}>
<Paragraph size="sm" transform="capitalize" className={classes.network} noMargin bold>Not Connected</Paragraph>
<Paragraph size="sm" transform="capitalize" className={classes.network} noMargin weight="bold">Not Connected</Paragraph>
<Paragraph size="sm" color="fancy" className={classes.connect} noMargin>Connect Wallet</Paragraph>
</Col>
</React.Fragment>

View File

@ -48,7 +48,7 @@ const ProviderInfo = ({
<Identicon address={userAddress} diameter={30} />
<Img className={classes.logo} src={connectedLogo} height={20} alt="Status connected" />
<Col end="sm" middle="xs" layout="column" className={classes.account}>
<Paragraph size="sm" transform="capitalize" className={classes.network} noMargin bold>{providerText}</Paragraph>
<Paragraph size="sm" transform="capitalize" className={classes.network} noMargin weight="bold">{providerText}</Paragraph>
<Paragraph size="sm" className={classes.address} noMargin>{cutAddress}</Paragraph>
</Col>
</React.Fragment>

View File

@ -64,7 +64,7 @@ const Welcome = ({ provider }: Props) => (
<Heading tag="h1" align="center" margin="lg">
Safe Team Edition
</Heading>
<Heading tag="h3" align="center" margin="lg">
<Heading tag="h4" align="center" margin="lg">
The Gnosis Safe Team Edition is geared towards teams managing <br />
shared crypto funds. It is an improvement of the existing Gnosis <br />
MultiSig wallet with redesigned smart contracts, cheaper setup and <br />