diff options
| author |  Hassan Abouelela <[email protected]> | 2021-02-19 11:32:16 +0300 |
|---|---|---|
| committer |  GitHub <[email protected]> | 2021-02-19 11:32:16 +0300 |
| commit | 010e08a633e3d83e25bc2f1518876fc8a22eab0e (patch) | |
| tree | c015db3e245b75186568e3a8508fa3dd56969ab7 /src/commonStyles.tsx | |
| parent | Merge pull request #139 from python-discord/dependabot/npm_and_yarn/typescrip... (diff) | |
| parent | Remove TODO (diff) | |
Merge pull request #91 from python-discord/forms-submitting
Form submission validation and submitting
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 }; |