diff options
| author |  ks129 <[email protected]> | 2021-01-18 11:54:12 +0200 |
|---|---|---|
| committer | ks129 <[email protected]> | 2021-01-18 11:54:12 +0200 |
| commit | dbc3c8a69392a81283b29248d31bd92a23025367 (patch) | |
| tree | 9e706cc6e6ad6d4fc583eb89b986f2d561ec6961 /src/components | |
| parent | Provide valid and error message data to TextArea component (diff) | |
Move invalid styles to common styles
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/InputTypes/TextArea.tsx | 10 |
1 files changed, 1 insertions, 9 deletions
diff --git a/src/components/InputTypes/TextArea.tsx b/src/components/InputTypes/TextArea.tsx index a09ce8a..6729499 100644 --- a/src/components/InputTypes/TextArea.tsx +++ b/src/components/InputTypes/TextArea.tsx @@ -1,9 +1,8 @@ /** @jsx jsx */ import { jsx, css } from "@emotion/react"; import React, { ChangeEvent } from "react"; -import { textInputs } from "../../commonStyles"; +import { invalidStyles, textInputs } from "../../commonStyles"; import ErrorMessage from "../ErrorMessage"; -import colors from "../../colors"; interface TextAreaProps { handler: (event: ChangeEvent<HTMLTextAreaElement>) => void, @@ -21,13 +20,6 @@ const styles = css` padding: 1rem; `; -const invalidStyles = css` - .invalid-box { - box-shadow: 0 0 10px ${colors.error}; - border: none; - } -`; - export default function TextArea(props: TextAreaProps): JSX.Element { return ( <div css={invalidStyles}> |