compile button

This commit is contained in:
Delucse 2020-12-09 09:34:33 +01:00
parent 3655063eaa
commit c47d98d2eb

View File

@ -23,7 +23,7 @@ const styles = (theme) => ({
zIndex: theme.zIndex.drawer + 1,
color: '#fff',
},
button: {
iconButton: {
backgroundColor: theme.palette.button.compile,
color: theme.palette.primary.contrastText,
width: '40px',
@ -32,6 +32,14 @@ const styles = (theme) => ({
backgroundColor: theme.palette.button.compile,
color: theme.palette.primary.contrastText,
}
},
button: {
backgroundColor: theme.palette.button.compile,
color: theme.palette.primary.contrastText,
'&:hover': {
backgroundColor: theme.palette.button.compile,
color: theme.palette.primary.contrastText,
}
}
});
@ -113,14 +121,14 @@ class Compile extends Component {
{this.props.iconButton ?
<Tooltip title='Projekt kompilieren' arrow style={{ marginRight: '5px' }}>
<IconButton
className={this.props.classes.button}
className={this.props.classes.iconButton}
onClick={() => this.compile()}
>
<FontAwesomeIcon icon={faClipboardCheck} size="l" />
</IconButton>
</Tooltip>
:
<Button style={{ float: 'right', color: 'white' }} variant="contained" color="primary" onClick={() => this.compile()}>
<Button style={{ float: 'right', color: 'white' }} variant="contained" className={this.props.classes.button} onClick={() => this.compile()}>
<FontAwesomeIcon icon={faClipboardCheck} style={{ marginRight: '5px' }} /> Kompilieren
</Button>
}