diff options
| author | jackyzha0 <[email protected]> | 2021-03-05 23:12:28 -0800 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2021-03-05 23:12:28 -0800 |
| commit | 7a671bc96ef06df3da3d2dce3caca559f32c6627 (patch) | |
| tree | 9af8330b8a8dd2a84f07d8c8d75a6245ce84b2dc /frontend/src/components/Inputs/shared.js | |
| parent | refactoring css (diff) | |
| download | ctrl-v-7a671bc96ef06df3da3d2dce3caca559f32c6627.tar.xz ctrl-v-7a671bc96ef06df3da3d2dce3caca559f32c6627.zip | |
text area styling
Diffstat (limited to 'frontend/src/components/Inputs/shared.js')
| -rw-r--r-- | frontend/src/components/Inputs/shared.js | 24 |
1 files changed, 7 insertions, 17 deletions
diff --git a/frontend/src/components/Inputs/shared.js b/frontend/src/components/Inputs/shared.js index 18ba164..4239e89 100644 --- a/frontend/src/components/Inputs/shared.js +++ b/frontend/src/components/Inputs/shared.js @@ -2,24 +2,14 @@ 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` +export const Wrapper = 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 +export const Labelled = ({label, value, children}) => <Wrapper> + <FloatingLabel label={label} value={value} > + <span>{label}</span> + {children} + </FloatingLabel> +</Wrapper>
\ No newline at end of file |