oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

fix storybook typography display

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-07-13 23:48:19 +02:00
parent e06e743320
commit 8b6d2d5f33
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.storybook/preview.js
View File

@ -7,6 +7,7 @@ import {
} from '@reach/router' } from '@reach/router'
// Import global css with custom properties once for all stories. // Import global css with custom properties once for all stories.
import '@oceanprotocol/typographies/css/ocean-typo.css'
import '../src/global/styles.css' import '../src/global/styles.css'
// Wrapper for all stories previews // Wrapper for all stories previews

2
src/components/organisms/AssetActions/Compute.stories.tsx
View File

@ -6,7 +6,7 @@ import squidMock from '../../../../tests/unit/__mocks__/@oceanprotocol/squid'
import { context } from '../../../../tests/unit/__mocks__/web3provider' import { context } from '../../../../tests/unit/__mocks__/web3provider'
export default { export default {
title: 'Organisms/Consume', title: 'Organisms/Compute',
decorators: [ decorators: [
(storyFn: () => React.FC): ReactElement => ( (storyFn: () => React.FC): ReactElement => (
<div style={{ maxWidth: '40rem', margin: 'auto' }}>{storyFn()}</div> <div style={{ maxWidth: '40rem', margin: 'auto' }}>{storyFn()}</div>

11
src/global/Typography.stories.tsx
View File

@ -7,10 +7,11 @@ export default {
export const Body = () => ( export const Body = () => (
<div style={{ maxWidth: '600px' }}> <div style={{ maxWidth: '600px' }}>
<p> <p>
Montserrat 400 Ummm…to eBay? Oh sure! <a href="">Blame the wizards!</a>{' '} Sharp Sans Medium. Ummm…to eBay? Oh sure!{' '}
Hello, little man. <strong>I will destroy you!</strong> I’ve been there. <a href="">Blame the wizards!</a> Hello, little man.{' '}
My folks were always on me to groom myself and <em>wear underpants</em>. <strong>I will destroy you!</strong> I’ve been there. My folks were always
What am I, the pope? Leela’s gonna kill me. on me to groom myself and <em>wear underpants</em>. What am I, the pope?
Leela’s gonna kill me.
</p> </p>
<p> <p>
Yes, I saw. You were doing well, until everyone died. Check it out, y’all. Yes, I saw. You were doing well, until everyone died. Check it out, y’all.
@ -22,7 +23,7 @@ export const Body = () => (
export const Headings = () => ( export const Headings = () => (
<> <>
<h1>Montserrat 600</h1> <h1>Sharp Sans Display No.1 Bold</h1>
<h1>Heading 1</h1> <h1>Heading 1</h1>
<h2>Heading 2</h2> <h2>Heading 2</h2>
<h3>Heading 3</h3> <h3>Heading 3</h3>