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/commonStyles.tsx | |
| parent | Provide valid and error message data to TextArea component (diff) | |
Move invalid styles to common styles
Diffstat (limited to 'src/commonStyles.tsx')
| -rw-r--r-- | src/commonStyles.tsx | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/src/commonStyles.tsx b/src/commonStyles.tsx index 89a2746..f5a5beb 100644 --- a/src/commonStyles.tsx +++ b/src/commonStyles.tsx @@ -1,4 +1,5 @@ import { css } from "@emotion/react"; +import colors from "./colors"; const selectable = css` -moz-user-select: text; @@ -50,6 +51,12 @@ const textInputs = css` border-radius: 8px; `; +const invalidStyles = css` + .invalid-box { + box-shadow: 0 0 10px ${colors.error}; + border: none; + } +`; export { selectable, @@ -57,4 +64,5 @@ export { hiddenInput, multiSelectInput, textInputs, + invalidStyles }; |