Clean all sizes, fonts and colors into style.js

This commit is contained in:
John Lyon-Smith
2018-03-07 11:01:55 -08:00
parent c06669873f
commit 9adca547f7
48 changed files with 152 additions and 3179 deletions

View File

@@ -33,22 +33,22 @@ export class MessageModal extends React.Component {
const { open, icon, message, detail } = this.props
return (
<Modal open={open} width={400}>
<Modal open={open} width={sizeInfo.modalWidth}>
<form onSubmit={this.onSubmit} id='messageModal'>
<Row>
<Row.Item>
<Icon name={icon} size={150} />
<Icon name={icon} size={sizeInfo.messageModalIcon} />
</Row.Item>
<Row.Item grow>
<Column height='100%'>
<Column.Item height={15} />
<Column.Item height={sizeInfo.formColumnSpacing} />
<Column.Item grow>
<Text width='100%' align='center'>{message}</Text>
</Column.Item>
<Column.Item>
<Text width='100%' align='center' color='dimmed' size='small'>{detail}</Text>
</Column.Item>
<Column.Item height={15} />
<Column.Item height={sizeInfo.formColumnSpacing} />
<Column.Item height={sizeInfo.buttonHeight}>
<Row>
<Row.Item grow />
@@ -58,10 +58,10 @@ export class MessageModal extends React.Component {
<Row.Item grow />
</Row>
</Column.Item>
<Column.Item height={15} />
<Column.Item height={sizeInfo.formColumnSpacing} />
</Column>
</Row.Item>
<Row.Item width={10} />
<Row.Item width={sizeInfo.formRowSpacing} />
</Row>
</form>
</Modal>