diff options
| -rw-r--r-- | src/commonStyles.tsx | 2 | ||||
| -rw-r--r-- | src/components/InputTypes/Select.tsx | 6 |
2 files changed, 4 insertions, 4 deletions
diff --git a/src/commonStyles.tsx b/src/commonStyles.tsx index 71bbd13..89a2746 100644 --- a/src/commonStyles.tsx +++ b/src/commonStyles.tsx @@ -29,7 +29,7 @@ const multiSelectInput = css` border: whitesmoke 0.2rem solid; background-color: whitesmoke; - transition: background-color 300ms; + transition: background-color 200ms; `; const textInputs = css` diff --git a/src/components/InputTypes/Select.tsx b/src/components/InputTypes/Select.tsx index 74c154b..a4db3dd 100644 --- a/src/components/InputTypes/Select.tsx +++ b/src/components/InputTypes/Select.tsx @@ -54,7 +54,7 @@ const mainWindowStyles = css` border: 0.1rem solid black; border-radius: 8px; - transition: border-radius 400ms; + transition: border-radius 200ms; `; const arrowStyles = css` @@ -72,7 +72,7 @@ const arrowStyles = css` border-width: 0 0.2rem 0.2rem 0; transform: rotate(45deg); - transition: transform 400ms; + transition: transform 200ms; } :focus-within .arrow { @@ -99,7 +99,7 @@ const optionContainerStyles = css` border-radius: 0 0 8px 8px; border-top: none; - transition: opacity 400ms, visibility 400ms; + transition: opacity 200ms, visibility 200ms; * { cursor: pointer; |