zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2025-12-20 06:05:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add settings modal with speed limit presets

Browse Source
This commit is contained in:
John Furrow
2016-04-11 21:35:51 -07:00
parent 0ab52287f8
commit 65fa3e5262
19 changed files with 614 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
client/source/scripts/components/modals/Modal.js
View File

@@ -41,7 +41,10 @@ export default class Modal extends React.Component {
let content = this.props.content;
let footer = null;
let contentClasses = classnames('modal__content__wrapper',
`modal--align-${this.props.alignment}`);
`modal--align-${this.props.alignment}`, {
'modal--orientation--horizontal': this.props.orientation === 'horizontal',
'modal--orientation--vertical': this.props.orientation === 'vertical'
}, this.props.classNames);
let headerClasses = classnames('modal__header', {
'has-tabs': this.props.tabs
});
@@ -58,7 +61,10 @@ export default class Modal extends React.Component {
}
if (this.props.actions) {
footer = <ModalActions actions={this.props.actions} dismiss={this.props.dismiss} />;
footer = (
<ModalActions actions={this.props.actions}
dismiss={this.props.dismiss} />
);
}
return (
@@ -79,5 +85,7 @@ export default class Modal extends React.Component {
}
Modal.defaultProps = {
alignment: 'left'
alignment: 'left',
classNames: null,
orientation: 'horizontal'
};