Commit 533beba0 authored by Matheus Horstmann's avatar Matheus Horstmann 🐴

Issue #1: Create header

Signed-off-by: Matheus Horstmann's avatarMatheus Horstmann <mch15@inf.ufpr.br>
parent 00f5eaac
Pipeline #21432 failed with stages
in 2 minutes and 28 seconds
......@@ -15,13 +15,22 @@ const useStyles = makeStyles(theme => ({
},
header: {
height: '100px',
backgroundColor: 'white',
color: '#202020',
backgroundColor: props =>
props.color === 'green'
? '#5E8D37'
: 'white',
color: props =>
props.color === 'green'
? 'white'
: '#202020',
},
menuButton: {
width: '40px',
height: '40px',
border:'#333333 solid 2px',
border : props =>
props.color === 'green'
? 'white solid 2px'
: '#333333 solid 2px',
borderRadius: '7px',
},
......@@ -38,8 +47,9 @@ const useStyles = makeStyles(theme => ({
export function Header() {
const classes = useStyles();
export function Header(props) {
const {color, ...other} = props
const classes = useStyles(props);
return (
<div className={classes.root}>
<AppBar position="static" className={classes.header}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment