diff options
| author | jackyzha0 <[email protected]> | 2021-03-05 22:17:18 -0800 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2021-03-05 22:17:18 -0800 |
| commit | 3e8500d466b641ef34c24f8b0de8163a44ba7a9e (patch) | |
| tree | ebb3411d636912b12f9fee14ecd494601cd796fc /frontend/src/components/Inputs/shared.js | |
| parent | remove extra langs (diff) | |
| download | ctrl-v-3e8500d466b641ef34c24f8b0de8163a44ba7a9e.tar.xz ctrl-v-3e8500d466b641ef34c24f8b0de8163a44ba7a9e.zip | |
refactoring css
Diffstat (limited to 'frontend/src/components/Inputs/shared.js')
| -rw-r--r-- | frontend/src/components/Inputs/shared.js | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/frontend/src/components/Inputs/shared.js b/frontend/src/components/Inputs/shared.js new file mode 100644 index 0000000..18ba164 --- /dev/null +++ b/frontend/src/components/Inputs/shared.js @@ -0,0 +1,25 @@ +import styled from "styled-components"; +import React from "react"; +import FloatingLabel from "../decorators/FloatingLabel"; + +export const RelPositioning = styled.div` + position: relative; + height: calc(100% - 4em); +` + +export const FlexChild = styled.div` + display: block; + margin-left: 2em; +` + +export const Labelled = ({label, value, children}) => { + console.log(children) + return (<FlexChild> + <RelPositioning> + <FloatingLabel label={label} value={value} > + <span>{label}</span> + {children} + </FloatingLabel> + </RelPositioning> + </FlexChild>) +}
\ No newline at end of file |