aboutsummaryrefslogtreecommitdiffstats
path: root/src/commonStyles.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/commonStyles.tsx')
-rw-r--r--src/commonStyles.tsx32
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
};