diff options
| author | jackyzha0 <[email protected]> | 2020-05-11 21:11:16 -0700 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2020-05-11 21:11:16 -0700 |
| commit | 433466a3947e75a36b811795bc21be1fff10b5e8 (patch) | |
| tree | 9e42dad77e7b8bdb3eefbbcfdc3eb7fa90817344 /frontend/src/components/FloatingLabel.js | |
| parent | add basic link + route (diff) | |
| download | ctrl-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.js | 34 |
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 |