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=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"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

View File

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

View File

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

View File

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