diff options
| author | jackyzha0 <[email protected]> | 2020-05-10 15:43:35 -0700 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2020-05-10 15:43:35 -0700 |
| commit | 4545db101abfdcac91cc7cabf7bde180b54e9be9 (patch) | |
| tree | 9b437efad909ea324f039c555d52d150d92a4583 /frontend/src/components/Options.js | |
| parent | Merge pull request #10 from jackyzha0/react (diff) | |
| download | ctrl-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.js | 17 |
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> ); } } |