add title

This commit is contained in:
casperlamboo 2017-12-04 17:51:56 +01:00
parent a79dd30abc
commit 3dfce6a610
2 changed files with 8 additions and 4 deletions

View File

@ -12,8 +12,7 @@ const styles = {
display: 'flex' display: 'flex'
}, },
text: { text: {
fontWeight: 'bold', fontWeight: 'bold'
color: grey800
}, },
container: { container: {
width: '100%', width: '100%',

View File

@ -7,7 +7,7 @@ import injectSheet from 'react-jss';
import RaisedButton from 'material-ui/RaisedButton'; import RaisedButton from 'material-ui/RaisedButton';
import Slider from 'material-ui/Slider'; import Slider from 'material-ui/Slider';
import LinearProgress from 'material-ui/LinearProgress'; import LinearProgress from 'material-ui/LinearProgress';
import { grey100, grey300, red500 } from 'material-ui/styles/colors'; import { grey50, grey300, grey800, red500 } from 'material-ui/styles/colors';
import { Tabs, Tab } from 'material-ui/Tabs'; import { Tabs, Tab } from 'material-ui/Tabs';
import Settings from './Settings.js'; import Settings from './Settings.js';
import baseSettings from '../settings/default.yml'; import baseSettings from '../settings/default.yml';
@ -23,7 +23,8 @@ const styles = {
position: 'relative', position: 'relative',
display: 'flex', display: 'flex',
height: '100%', height: '100%',
backgroundColor: grey100, backgroundColor: grey50,
color: grey800,
overflow: 'hidden', overflow: 'hidden',
fontFamily: 'roboto, sans-serif' fontFamily: 'roboto, sans-serif'
}, },
@ -67,6 +68,9 @@ const styles = {
}, },
error: { error: {
color: red500 color: red500
},
title: {
position: 'absolute'
} }
}; };
@ -277,6 +281,7 @@ class Interface extends React.Component {
return ( return (
<div className={classes.container}> <div className={classes.container}>
<ReactResizeDetector handleWidth handleHeight onResize={this.onResizeContainer} /> <ReactResizeDetector handleWidth handleHeight onResize={this.onResizeContainer} />
<h1 className={classes.title}>Print</h1>
{d3Panel} {d3Panel}
{settingsPanel} {settingsPanel}
</div> </div>