diff options
author | elijah <elijah@riseup.net> | 2016-09-16 14:02:32 -0700 |
---|---|---|
committer | Kali Kaneko (leap communications) <kali@leap.se> | 2016-09-22 11:40:11 -0400 |
commit | 073393af311d36c8ca7570ff0d3f0a3117c0b544 (patch) | |
tree | e59286ac350ba17110392f53b6e48bcedfd12ef1 /ui/app/components/center.js | |
parent | ae5a20d059209f2027c05820dc3b4cfe7346c8a8 (diff) |
[pkg] rename www to ui
Diffstat (limited to 'ui/app/components/center.js')
-rw-r--r-- | ui/app/components/center.js | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/ui/app/components/center.js b/ui/app/components/center.js new file mode 100644 index 0000000..6fa6212 --- /dev/null +++ b/ui/app/components/center.js @@ -0,0 +1,39 @@ +// +// puts a block right in the center of the window +// + +import React from 'react' + +class Center extends React.Component { + + static get defaultProps() {return{ + width: null + }} + + constructor(props) { + super(props) + } + + render() { + let style = null + if (this.props.width) { + style = {width: this.props.width + 'px'} + } + return ( + <div className="center-container"> + <div className="center-item" style={style}> + {this.props.children} + </div> + </div> + ) + } +} + +Center.propTypes = { + children: React.PropTypes.oneOfType([ + React.PropTypes.element, + React.PropTypes.arrayOf(React.PropTypes.element) + ]) +} + +export default Center |