feat: added the new trigger wizard modal
This commit is contained in:
parent
3b29bc096f
commit
fe2c5723d3
3 changed files with 98 additions and 20 deletions
|
|
@ -5,7 +5,48 @@ const { titleWrapper, titleAndButtonsContainer, buttonsWrapper } = baseStyles
|
|||
const mainStyles = {
|
||||
titleWrapper,
|
||||
titleAndButtonsContainer,
|
||||
buttonsWrapper
|
||||
buttonsWrapper,
|
||||
modal: {
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
'& > div': {
|
||||
outline: 'none'
|
||||
}
|
||||
},
|
||||
paper: {
|
||||
padding: [[5, 20, 32, 24]],
|
||||
position: 'relative',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
width: 520,
|
||||
height: 480,
|
||||
overflow: 'hidden',
|
||||
'& > button': {
|
||||
position: 'absolute',
|
||||
top: 16,
|
||||
right: 16,
|
||||
border: 'none',
|
||||
backgroundColor: 'transparent',
|
||||
cursor: 'pointer',
|
||||
'& svg': {
|
||||
width: 18
|
||||
}
|
||||
},
|
||||
'& form': {
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
flexGrow: 2
|
||||
}
|
||||
},
|
||||
modalHeader: {
|
||||
display: 'flex',
|
||||
marginBottom: 14
|
||||
},
|
||||
modalBody: {
|
||||
display: 'flex',
|
||||
flexGrow: 2
|
||||
}
|
||||
}
|
||||
|
||||
export { mainStyles }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue