aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/Options.js
diff options
context:
space:
mode:
authorjackyzha0 <[email protected]>2020-05-10 15:43:35 -0700
committerjackyzha0 <[email protected]>2020-05-10 15:43:35 -0700
commit4545db101abfdcac91cc7cabf7bde180b54e9be9 (patch)
tree9b437efad909ea324f039c555d52d150d92a4583 /frontend/src/components/Options.js
parentMerge pull request #10 from jackyzha0/react (diff)
downloadctrl-v-4545db101abfdcac91cc7cabf7bde180b54e9be9.tar.xz
ctrl-v-4545db101abfdcac91cc7cabf7bde180b54e9be9.zip
add password stuff + expiry stuff
Diffstat (limited to 'frontend/src/components/Options.js')
-rw-r--r--frontend/src/components/Options.js17
1 files changed, 12 insertions, 5 deletions
diff --git a/frontend/src/components/Options.js b/frontend/src/components/Options.js
index 81f2046..21e932a 100644
--- a/frontend/src/components/Options.js
+++ b/frontend/src/components/Options.js
@@ -1,20 +1,27 @@
import React from 'react';
import styled from 'styled-components'
-import { PassInput } from './Inputs'
+import { PassInput, ExpiryInput } from './Inputs'
-const Float = styled.div`
- float: right;
+const Flex = styled.div`
+ float: right;
+ display: flex;
+ flex-direction: row;
+ transform: translateY(0.2em);
`
class OptionsContainer extends React.Component {
render() {
return (
- <Float>
+ <Flex>
<PassInput
value={this.props.pass}
onChange={this.props.onChange}
id="passwordInput" />
- </Float>
+ <ExpiryInput
+ value={this.props.expiry}
+ onChange={this.props.onChange}
+ id="expiryInput" />
+ </Flex>
);
}
}