aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/FloatingLabel.js
diff options
context:
space:
mode:
authorjackyzha0 <[email protected]>2020-05-11 21:11:16 -0700
committerjackyzha0 <[email protected]>2020-05-11 21:11:16 -0700
commit433466a3947e75a36b811795bc21be1fff10b5e8 (patch)
tree9e42dad77e7b8bdb3eefbbcfdc3eb7fa90817344 /frontend/src/components/FloatingLabel.js
parentadd basic link + route (diff)
downloadctrl-v-433466a3947e75a36b811795bc21be1fff10b5e8.tar.xz
ctrl-v-433466a3947e75a36b811795bc21be1fff10b5e8.zip
backend redir
Diffstat (limited to 'frontend/src/components/FloatingLabel.js')
-rw-r--r--frontend/src/components/FloatingLabel.js34
1 files changed, 0 insertions, 34 deletions
diff --git a/frontend/src/components/FloatingLabel.js b/frontend/src/components/FloatingLabel.js
deleted file mode 100644
index e1fc0ba..0000000
--- a/frontend/src/components/FloatingLabel.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import styled, { css } from 'styled-components'
-
-const StyledLabel = styled.label`
- position: absolute;
- top: 0.5em;
- font-weight: 700;
- font-size: 1em;
- opacity: 0;
- transition: all 0.5s cubic-bezier(.25,.8,.25,1);
-
- ${props =>
- (props.value.length > 0) &&
- css`
- top: -0.1em;
- opacity: 1
- `};
-`
-
-class FloatingLabel extends React.Component {
- render() {
- return (
- <StyledLabel
- label={this.props.label}
- value={this.props.value}
- className={this.props.id}
- htmlFor={this.props.id}>
- {this.props.label}
- </StyledLabel>
- );
- }
-}
-
-export default FloatingLabel \ No newline at end of file