mirror of
https://github.com/Doodle3D/Doodle3D-Slicer.git
synced 2024-11-22 21:47:59 +01:00
add title
This commit is contained in:
parent
a79dd30abc
commit
3dfce6a610
@ -12,8 +12,7 @@ const styles = {
|
|||||||
display: 'flex'
|
display: 'flex'
|
||||||
},
|
},
|
||||||
text: {
|
text: {
|
||||||
fontWeight: 'bold',
|
fontWeight: 'bold'
|
||||||
color: grey800
|
|
||||||
},
|
},
|
||||||
container: {
|
container: {
|
||||||
width: '100%',
|
width: '100%',
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user