GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 10:11:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

UI: Remove emotion from NoDocs.js (#8454)

Browse Source 
UI: Remove emotion from NoDocs.js
This commit is contained in:
Michael Shilman 2019-10-17 21:31:19 +08:00 committed by GitHub
commit 944056fa04
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
lib/core/src/client/preview/NoDocs.js
View File

@ -1,27 +1,26 @@
import React from 'react';
import { styled } from '@storybook/theming';
const Wrapper = styled.div({
const wrapper = {
fontSize: '14px',
letterSpacing: '0.2px',
margin: '10px 0',
});
};
const Main = styled.div({
const main = {
margin: 'auto',
padding: '30px',
borderRadius: '10px',
background: 'rgba(0,0,0,0.03)',
});
};
const Heading = styled.h1({
const heading = {
textAlign: 'center',
});
};
export const NoDocs = () => (
<Wrapper className="sb-nodocs sb-wrapper">
<Main>
<Heading>No Docs</Heading>
<div style={wrapper} className="sb-nodocs sb-wrapper">
<div style={main}>
<h1 style={heading}>No Docs</h1>
<p>
Sorry, but there are no docs for the selected story. To add them, set the story's&nbsp;
<code>docs</code> parameter. If you think this is an error:
@ -35,6 +34,6 @@ export const NoDocs = () => (
If the problem persists, check the browser console, or the terminal you've run Storybook
from.
</p>
</Main>
</Wrapper>
</div>
</div>
);