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

Modify theme color

Browse Source
This commit is contained in:
Arunoda Susiripala 2016-03-22 05:15:10 +05:30
parent ee1e037e83
commit 2b19f21510
4 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
dist/client/ui/layout.js vendored
View File

@ -48,7 +48,9 @@ var Layout = function (_React$Component) {
var rootStyles = {
height: height
height: height,
padding: '8px',
backgroundColor: '#F7F7F7'
};
var controlsStyle = {
width: '240px',
@ -56,13 +58,14 @@ var Layout = function (_React$Component) {
height: '100%',
overflowY: 'auto'
};
// borderRight: '3px solid #DDD',
var contentStyle = {
height: height,
height: height - 15,
marginLeft: '250px',
border: '1px solid #DDD',
borderRadius: '4px',
boxShadow: '0px 2px 6px -1px #b8b8b8'
boxShadow: '0px 2px 6px -1px #b8b8b8',
padding: '5px',
backgroundColor: '#FFF'
};
return _react2.default.createElement(
@ -98,7 +101,7 @@ var Layout = function (_React$Component) {
var body = _document.body;
var height = documentElement.clientHeight || body.clientHeight;
height -= 20;
height -= 15;
this.setState({ height: height });
}
}]);

2
dist/server/index.html.js vendored
View File

@ -1,5 +1,5 @@
"use strict";
module.exports = function () {
return "\n <!DOCTYPE html>\n <html>\n <head>\n <title>React Storybook</title>\n </head>\n <body>\n <div id=\"root\" />\n <script src=\"/static/bundle.js\"></script>\n </body>\n </html>\n ";
return "\n <!DOCTYPE html>\n <html>\n <head>\n <title>React Storybook</title>\n </head>\n <body style=\"margin: 0;\">\n <div id=\"root\" />\n <script src=\"/static/bundle.js\"></script>\n </body>\n </html>\n ";
};

15
src/client/ui/layout.js
View File

@ -6,21 +6,24 @@ class Layout extends React.Component {
const {height} = this.state;
const rootStyles = {
height
height,
padding: '8px',
backgroundColor: '#F7F7F7'
};
const controlsStyle = {
width: '240px',
float: 'left',
height: '100%',
overflowY: 'auto',
// borderRight: '3px solid #DDD',
overflowY: 'auto'
};
const contentStyle = {
height,
height: height - 15,
marginLeft: '250px',
border: '1px solid #DDD',
borderRadius: '4px',
boxShadow: '0px 2px 6px -1px #b8b8b8'
boxShadow: '0px 2px 6px -1px #b8b8b8',
padding: '5px',
backgroundColor: '#FFF'
};
return (
@ -46,7 +49,7 @@ class Layout extends React.Component {
updateHeight() {
const {documentElement, body} = document;
let height = documentElement.clientHeight|| body.clientHeight;
height -= 20;
height -= 15;
this.setState({height});
}
}

6
src/server/index.html.js
View File

@ -5,9 +5,9 @@ module.exports = function() {
<head>
<title>React Storybook</title>
</head>
<body>
<div id="root" />
<script src="/static/bundle.js"></script>
<body style="margin: 0;">
<div id="root" />
<script src="/static/bundle.js"></script>
</body>
</html>
`;