|
|
@ -8,20 +8,20 @@ type Props = { |
|
|
|
|
|
|
|
|
|
|
|
const useStyles = makeStyles(() => ({ |
|
|
|
const useStyles = makeStyles(() => ({ |
|
|
|
paper: { |
|
|
|
paper: { |
|
|
|
padding: '30px', |
|
|
|
padding: '2.1em', |
|
|
|
backgroundColor: PANEL_BACKGROUND, |
|
|
|
backgroundColor: PANEL_BACKGROUND, |
|
|
|
opacity: 0.8, |
|
|
|
opacity: 0.8, |
|
|
|
zIndex: 999, |
|
|
|
zIndex: 999, |
|
|
|
}, |
|
|
|
}, |
|
|
|
container: { |
|
|
|
container: { |
|
|
|
margin: 15, |
|
|
|
margin: '1em', |
|
|
|
position: 'relative', |
|
|
|
position: 'relative', |
|
|
|
}, |
|
|
|
}, |
|
|
|
square: { |
|
|
|
square: { |
|
|
|
content: '""', |
|
|
|
content: '""', |
|
|
|
position: 'absolute', |
|
|
|
position: 'absolute', |
|
|
|
width: '30px', |
|
|
|
width: '2.1em', |
|
|
|
height: '30px', |
|
|
|
height: '2.1em', |
|
|
|
border: '1px', |
|
|
|
border: '1px', |
|
|
|
borderColor: TEXT, |
|
|
|
borderColor: TEXT, |
|
|
|
borderWidth: '1px', |
|
|
|
borderWidth: '1px', |
|
|
@ -31,12 +31,12 @@ const useStyles = makeStyles(() => ({ |
|
|
|
margin: 0, |
|
|
|
margin: 0, |
|
|
|
}, |
|
|
|
}, |
|
|
|
topSquare: { |
|
|
|
topSquare: { |
|
|
|
top: '-5px', |
|
|
|
top: '-0.3em', |
|
|
|
left: '-5px', |
|
|
|
left: '-0.3em', |
|
|
|
}, |
|
|
|
}, |
|
|
|
bottomSquare: { |
|
|
|
bottomSquare: { |
|
|
|
bottom: '-5px', |
|
|
|
bottom: '-0.3em', |
|
|
|
right: '-5px', |
|
|
|
right: '-0.3em', |
|
|
|
}, |
|
|
|
}, |
|
|
|
})); |
|
|
|
})); |
|
|
|
|
|
|
|
|
|
|
|