diff options
| author | elijah <elijah@riseup.net> | 2016-09-21 15:39:03 -0700 |
|---|---|---|
| committer | Kali Kaneko (leap communications) <kali@leap.se> | 2016-09-22 11:40:14 -0400 |
| commit | 7569ac8bd58174095f3f897548e26d0ba905236c (patch) | |
| tree | 839c300d7dff62900bcc91672a3b55cf62c31f6c /ui/app/components/center.js | |
| parent | 61b5734c12d6ab6733d3a832df8d99f1041bf355 (diff) | |
[feat] the setup wizard for the new ui
Diffstat (limited to 'ui/app/components/center.js')
| -rw-r--r-- | ui/app/components/center.js | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/ui/app/components/center.js b/ui/app/components/center.js index 6fa6212..5e47d0c 100644 --- a/ui/app/components/center.js +++ b/ui/app/components/center.js @@ -7,7 +7,8 @@ import React from 'react' class Center extends React.Component { static get defaultProps() {return{ - width: null + width: null, + direction: 'both', }} constructor(props) { @@ -19,8 +20,9 @@ class Center extends React.Component { if (this.props.width) { style = {width: this.props.width + 'px'} } + let className = "center-container center-" + this.props.direction return ( - <div className="center-container"> + <div className={className}> <div className="center-item" style={style}> {this.props.children} </div> |