summaryrefslogtreecommitdiff
path: root/src/leap/bitmask_js/app/components/center.js
diff options
context:
space:
mode:
authorKali Kaneko (leap communications) <kali@leap.se>2016-09-01 01:44:34 -0400
committerKali Kaneko (leap communications) <kali@leap.se>2016-09-01 01:44:34 -0400
commit4728855b40d2d37da8e035c5081fab5819b07fd0 (patch)
treec8a7c727521fe06a2c4fe9221cb77d30e8f0c3b9 /src/leap/bitmask_js/app/components/center.js
parent4613e74ce4e2c8b125a6a61585a4aec5f5151969 (diff)
[refactor] move js to top-level folder
Diffstat (limited to 'src/leap/bitmask_js/app/components/center.js')
-rw-r--r--src/leap/bitmask_js/app/components/center.js52
1 files changed, 0 insertions, 52 deletions
diff --git a/src/leap/bitmask_js/app/components/center.js b/src/leap/bitmask_js/app/components/center.js
deleted file mode 100644
index a3b6409a..00000000
--- a/src/leap/bitmask_js/app/components/center.js
+++ /dev/null
@@ -1,52 +0,0 @@
-//
-// puts a block right in the center of the window
-//
-
-import React from 'react'
-
-const CONTAINER_CSS = {
- position: 'absolute',
- display: 'flex',
- justifyContent: 'center',
- alignContent: 'center',
- alignItems: 'center',
- top: "0px",
- left: "0px",
- height: "100%",
- width: "100%"
-}
-
-const ITEM_CSS = {
- flex: "0 1 auto"
-}
-
-class Center extends React.Component {
-
- static get defaultProps() {return{
- width: null
- }}
-
- constructor(props) {
- super(props)
- }
-
- render() {
- let style = this.props.width ? Object.assign({width: this.props.width + 'px'}, ITEM_CSS) : ITEM_CSS
- return (
- <div className="center-container" style={CONTAINER_CSS}>
- <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