124 lines
2.4 KiB
JavaScript
124 lines
2.4 KiB
JavaScript
import baseStyles from 'src/pages/Logs.styles'
|
|
import { booleanPropertiesTableStyles } from 'src/components/booleanPropertiesTable/BooleanPropertiesTable.styles'
|
|
import { disabledColor, secondaryColor } from 'src/styling/variables'
|
|
|
|
const { titleWrapper, titleAndButtonsContainer, buttonsWrapper } = baseStyles
|
|
const { rowWrapper, radioButtons } = booleanPropertiesTableStyles
|
|
|
|
const mainStyles = {
|
|
titleWrapper,
|
|
titleAndButtonsContainer,
|
|
buttonsWrapper,
|
|
rowWrapper,
|
|
radioButtons,
|
|
stepOneRadioButtons: {
|
|
'& > *': {
|
|
marginRight: 48
|
|
}
|
|
},
|
|
stepTwoRadioButtons: {
|
|
'& > *': {
|
|
minWidth: 174,
|
|
marginRight: 72
|
|
}
|
|
},
|
|
stepThreeRadioButtons: {
|
|
'& > *': {
|
|
minWidth: 160,
|
|
marginRight: 12
|
|
}
|
|
},
|
|
columnWrapper: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
height: '100%',
|
|
width: '100%'
|
|
},
|
|
bottomRightAligned: {
|
|
alignSelf: 'flex-end',
|
|
marginLeft: 'auto',
|
|
marginTop: 'auto'
|
|
},
|
|
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',
|
|
height: '100%'
|
|
},
|
|
transparentButton: {
|
|
'& > *': {
|
|
margin: 'auto 12px'
|
|
},
|
|
'& button': {
|
|
border: 'none',
|
|
backgroundColor: 'transparent',
|
|
cursor: 'pointer'
|
|
}
|
|
},
|
|
popoverContent: {
|
|
width: 272,
|
|
padding: [[10, 15]]
|
|
},
|
|
radioGroupWrapper: {
|
|
marginBottom: 46
|
|
},
|
|
textInput: {
|
|
width: 96,
|
|
height: 40,
|
|
marginRight: 8
|
|
},
|
|
wizardStepsWrapper: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
position: 'relative',
|
|
flex: 'wrap',
|
|
marginBottom: 10
|
|
},
|
|
unreachedStepLine: {
|
|
width: 24,
|
|
height: 2,
|
|
border: `solid 1px ${disabledColor}`
|
|
},
|
|
reachedStepLine: {
|
|
width: 24,
|
|
height: 2,
|
|
border: `solid 1px ${secondaryColor}`
|
|
}
|
|
}
|
|
|
|
export { mainStyles }
|