diff options
| author | Ryan Mehri <[email protected]> | 2020-05-12 09:29:49 -0600 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-05-12 09:29:49 -0600 |
| commit | c0fc08d77570232cfda3f6e2bdbac2c3bf1aafeb (patch) | |
| tree | 9463f3be987993bda22ef4bfc3a56c9174fceee8 /frontend/src/components/PasteInfo.js | |
| parent | Merge pull request #17 from jackyzha0/password (diff) | |
| parent | working no pass rendering (diff) | |
| download | ctrl-v-c0fc08d77570232cfda3f6e2bdbac2c3bf1aafeb.tar.xz ctrl-v-c0fc08d77570232cfda3f6e2bdbac2c3bf1aafeb.zip | |
Merge pull request #18 from jackyzha0/no-pass-rendering
no password paste rendering
Diffstat (limited to 'frontend/src/components/PasteInfo.js')
| -rw-r--r-- | frontend/src/components/PasteInfo.js | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/frontend/src/components/PasteInfo.js b/frontend/src/components/PasteInfo.js new file mode 100644 index 0000000..b27cd53 --- /dev/null +++ b/frontend/src/components/PasteInfo.js @@ -0,0 +1,29 @@ +import React from 'react'; +import styled from 'styled-components' + +const Bold = styled.span` + font-weight: 700 +` + +const FloatLeft = styled.p` + float: left; + display: inline-block; + margin: 0; +` +const FloatRight = styled.p` + float: right; + display: inline-block; + margin: 0; + margin-right: -1em; +` + +const PasteInfo = (props) => { + return ( + <div> + <FloatLeft><Bold>mode: </Bold>{props.mode}</FloatLeft> + <FloatRight><Bold>expires: </Bold>{props.expiry}</FloatRight> + </div> + ); +} + +export default PasteInfo
\ No newline at end of file |