diff options
Diffstat (limited to 'src/commonStyles.tsx')
| -rw-r--r-- | src/commonStyles.tsx | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/src/commonStyles.tsx b/src/commonStyles.tsx index 89a2746..b2969f8 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,14 @@ const textInputs = css` border-radius: 8px; `; +const invalidStyles = css` + .invalid-box { + -webkit-appearance: none; + -webkit-box-shadow: 0 0 0.6rem ${colors.error}; + box-shadow: 0 0 0.6rem ${colors.error}; + border-color: transparent; + } +`; export { selectable, @@ -57,4 +66,5 @@ export { hiddenInput, multiSelectInput, textInputs, + invalidStyles }; |