diff options
| author | 2021-03-07 15:27:35 +0000 | |
|---|---|---|
| committer | 2021-03-07 15:27:35 +0000 | |
| commit | 4a704239573e578c592a4dca2668e1b025745c98 (patch) | |
| tree | ad5f40e8e76cf4ca5abda43e1198ddee721418f5 /src/commonStyles.tsx | |
| parent | Makes Code Inputs TextAreas (diff) | |
| parent | Removes Unused OAuth Cleaning (diff) | |
Merge pull request #141 from python-discord/discord-oauth
Diffstat (limited to '')
| -rw-r--r-- | src/commonStyles.tsx | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/src/commonStyles.tsx b/src/commonStyles.tsx index b2969f8..bfae17e 100644 --- a/src/commonStyles.tsx +++ b/src/commonStyles.tsx @@ -51,6 +51,37 @@ const textInputs = css` border-radius: 8px; `; +const submitStyles = css` + text-align: right; + white-space: nowrap; + + button:disabled { + background-color: ${colors.greyple}; + cursor: default; + } + + button { + cursor: pointer; + + border: none; + border-radius: 8px; + + color: white; + font: inherit; + + background-color: ${colors.blurple}; + transition: background-color 300ms; + } + + button[type="submit"] { + padding: 0.55rem 4.25rem; + } + + button:enabled:hover { + background-color: ${colors.darkerBlurple}; + } +`; + const invalidStyles = css` .invalid-box { -webkit-appearance: none; @@ -66,5 +97,6 @@ export { hiddenInput, multiSelectInput, textInputs, + submitStyles, invalidStyles }; |